.demo_panel {
    position: fixed;
    left: -234px;
    top: 155px;
    width: 234px;
    display: block;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    z-index: 999;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
}

.demo_panel .panel_toggler {
    position: absolute;
    width: 51px;
    height: 51px;
    background: #3d3d3d url(../images/btn_panel.png) no-repeat center;
    display: block;
    right: -51px;
    top: 0px;
    z-index: 999;
}

.demo_panel.opacity {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.demo_panel.showed {
    left: 0px;
}

.demo_panel .panel_title {
    background: #3d3d3d;
    padding: 0 0 0 17px;
    line-height: 46px;
    height: 51px;
    display: block;
    color: #ffd200;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.demo_panel a:hover {
    text-decoration: none !important;
}

.ie8 .demo_panel {
    display: none !important;
}

.panel_item {
    display: block;
    background: #ececec;
    margin: 0 0 3px 0;
}

.panel_item.color_panel {
    padding: 20px 9px 9px 20px;
}

.panel_item.color_panel ul {
    margin: 0 !important;
}

.panel_item.color_panel li {
    margin: 0 11px 11px 0;
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
}

.panel_item.color_panel li a {
    width: 30px;
    height: 30px;
    display: block;
    border: #ffffff 3px solid;
    transition: border-color 200ms;
    -webkit-transition: border-color 200ms;
    -moz-transition: border-color 200ms;
    -o-transition: border-color 200ms;
}

.panel_item.color_panel li a.current,
.panel_item.color_panel li a:hover {
    border-color: #3d3d3d;
}

.panel_item.color_panel li a.color1 {
    background: #ffd200;
}

.panel_item.color_panel li a.color2 {
    background: #ff8d00;
}

.panel_item.color_panel li a.color3 {
    background: #ff5b29;
}

.panel_item.color_panel li a.color4 {
    background: #ff60af;
}

.panel_item.color_panel li a.color5 {
    background: #b36aff;
}

.panel_item.color_panel li a.color6 {
    background: #2e7cff;
}

.panel_item.color_panel li a.color7 {
    background: #0ab7e1;
}

.panel_item.color_panel li a.color8 {
    background: #88c800;
}

.panel_item.color_panel li a.color9 {
    background: #dbe93a;
}

.panel_item.color_panel li a.color10 {
    background: #a3a3a3;
}

.panel_item.layout_item a {
    display: block;
    text-align: left;
    padding: 0 0 0 20px;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    color: #3d3d3d;
    position: relative;
}

.panel_item.layout_item a span {
    position: absolute;
    right: 20px;
    top: 15px;
    border: #ffffff 3px solid;
    background: #ffd200;
    border-radius: 50% 50%;
    width: 8px;
    height: 8px;
    display: block;
    transition: border-color 200ms;
    -webkit-transition: border-color 200ms;
    -moz-transition: border-color 200ms;
    -o-transition: border-color 200ms;
}

.panel_item.layout_item a.current span,
.panel_item.layout_item a:hover span {
    border-color: #3d3d3d;
}

/*-- iPhone Fixes --*/
input,
textarea,
button {
    outline: none !important;
    background: none;
    border-radius: 0;
    box-shadow: 0 !important;
    -webkit-appearance: none !important;
}

* {
    outline: none !important;
    -webkit-font-smoothing: ;

}

::selection {
    color: #000fff; /*csh*/
    opacity: 1;
}

::-moz-selection {
    color: #ffffff;
    opacity: 1;
}

/*-- Main Classes --*/
body, html {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    min-width: 1200px;

}

body {
    background: #ffffff;
    overflow-x: hidden;
    text-align: center;
}

p, td, div {
    font-size: 13px;
    color: #3d3d3d;
    line-height: 18px;
}

form, body, iframe {
    margin: 0;
    padding: 0;
}

img, table, iframe {
    border: 0;
}

p {
    margin-top: 0;
    margin: 0 0 10px 0;
}

p.double_margin {
    margin: 0 0 16px 0;
}

.spacer {
    display: block;
    height: 10px;
}

table {
    border-collapse: collapse;
}

table td {
    padding: 0;
}

.h100 {
    height: 100%;
}

a {
    color: #3d3d3d;
    text-decoration: none;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

a:hover {
    text-decoration: none;
    color: #5a5a5a;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#preloader {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    display: block;
}

nav.mobile_header {
    display: none;
}

header {
    /*border-top:#3d3d3d 5px solid;*/ /*csh*/
    top: -63px;
    display: block !important;
}

header .header_wrapper {
    text-align: left;
    display: block;
    min-height: 110px;
    position: relative;
}

header .logo {
    position: absolute;
    left: 0px;
    top: 30px;
    /*top:34px;*/ /*csh*/
    display: block;
}

header .logo img {
    display: block;
}

header .slogan {
    position: absolute;
    padding: 9px 0 10px 21px;
    left: 240px;
    top: 34px;
    display: none;
}

@media only screen and (min-width: 1200px) {
    header .slogan {
        display: block !important;
    }
}

header .slogan hr {
    opacity: 0.15;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
    background: #3d3d3d;
    border: none !important;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 !important;
}

header .slogan span {
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    color: #3d3d3d;
    display: block;
    width: 215px;
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.header ul {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.header ul li {
    float: left;
    font-size: 22px;
    height: 100%;
    margin: 0 20px;
    box-sizing: border-box;
}

.header ul li .line {
    width: 70px;
    height: 6px;
    margin: 0 auto;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.header ul.right {
    left: auto;
    right: 0;
}

.header ul.right li {
    margin: 0 10px;
}

.header ul li.active .line {
    background-color: #ef4842;
}

.header-black {
    background: #ef4842;
    height: 60px;
}

.header-black ul li.active .line {
    background-color: #fff;
}

.header-black a {
    height: 54px;
    line-height: 60px;
}

.header-black .logo a {
    max-height: 29px;
    -webkit-transition: max-height 1s ease-in-out 0;
    transition: max-height 1s ease-in-out 0;
}


header nav {
    padding: 0px 0px 0px 0;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

header nav ul.menu li {
    float: left;
    display: inline-block;
    text-transform: none;
    position: relative;
    min-height: 69px;
    margin-left: 1px;
}

header nav ul.menu li ul.sub-menu,
header nav ul.menu li ul.sub-menu li ul.sub-menu {
    display: none;
}

header nav ul.menu li a {
    color: #3d3d3d;
    text-decoration: none;
    font-weight: normal;
    padding: 0px 20px 0 20px;
    margin-top: 6px;
    height: 69px;
    line-height: 69px; /*line-height:69px; csh*/
    font-size: 15px;
    display: inline-block;
    background: #ffffff;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    font-family: "Microsoft YaHei" ! important; /*csh */
}

header nav ul.menu li .menu_marker {
    background: url(../images/menu_marker.png) no-repeat 0 0px;
    display: block;
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -6px;
    width: 10px;
    height: 0px;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}

header nav ul.menu li a:hover,
header nav ul.menu li:hover a,
header nav ul.menu li.current-menu-parent a,
header nav ul.menu li.current-menu-item a {
    height: 49px; /*csh height:76px;  69*/
    margin-top: 6px; /*csh margin-top:20px;*/
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

header.fixed_type nav ul.menu li {
    min-height: 42px;
}

header.fixed_type nav ul.menu li a {
    height: 42px;
    line-height: 42px;
}

header.fixed_type nav ul.menu li a:hover,
header.fixed_type nav ul.menu li:hover a,
header.fixed_type nav ul.menu li.current-menu-parent a,
header.fixed_type nav ul.menu li.current-menu-item a {
    height: 48px;
    margin-top: 0px;
}

header nav ul.menu li:hover .menu_marker,
header nav ul.menu li.current-menu-parent .menu_marker {
    top: 0px;
    height: 5px;
    opacity: 1;
    width: 10px !important;
    display: block !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

header nav ul.sub-menu {
    display: block;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -83px;
    width: 166px;
    display: block;
    padding: 0;
    z-index: 99;
}

header nav ul.sub-menu:before {
    content: '';
    position: absolute;
    left: 79px;
    top: -5px;
    display: block;
    background: url(../images/submenu_mark.png) no-repeat center;
    width: 9px;
    height: 5px;
}

header nav ul.sub-menu li ul.sub-menu:before {
    display: none !important;
}

header nav ul.sub-menu li {
    display: block;
    text-align: left;
    width: 100%;
}

header nav ul.sub-menu li,
header nav ul.sub-menu li ul.sub-menu li {
    position: relative !important;
    height: auto !important;
    min-height: 39px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: #2c2c2c 1px solid;
}

ul.sub-menu li:first-child {
    border-top: none !important;
}

header nav ul.sub-menu li a,
header nav ul.sub-menu li ul.sub-menu li a {
    padding: 10px 10px !important;
    font-size: 13px !important;
    line-height: 19px !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #ececec !important;
    text-align: center;
    display: block;
    text-transform: none;
    background: #3d3d3d !important;
    height: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}

header nav ul.sub-menu li a:hover,
header nav ul.sub-menu li:hover a,
header nav ul.sub-menu li.current-menu-item a,
header nav ul.sub-menu li:hover ul.sub-menu li:hover a,
header nav ul.sub-menu li:hover ul.sub-menu li.current-menu-item a {
    color: #3d3d3d !important;
}

header nav ul.sub-menu li ul.sub-menu {
    display: block;
    position: absolute;
    left: 165px !important;
    top: 0px !important;
    margin-left: 0 !important;
    border-left: #2e2e2e 1px solid;
}

header.fixed_type {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100% !important;
    min-height: 63px;
    z-index: 99;
    transition: top 400ms;
    -webkit-transition: top 400ms;
    -moz-transition: top 400ms;
    -o-transition: top 400ms;
}
body:has(.fixed_type){
    padding-top: 63px;
}

header.fixed_type .logo {
    top: 12px;
}

header.fixed_type .slogan {
    display: none !important;
}

header.fixed_type .header_wrapper {
    min-height: 63px;
}

header nav ul.sub-menu {
    top: -999px;
    display: block !important;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
}

header.fixed_type nav ul.sub-menu {
    top: -999px;
}

header nav ul.menu > li:hover > ul.sub-menu {
    top: 75px;
    opacity: 1 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
}

header.fixed_type ul.menu > li:hover > ul.sub-menu {
    top: 48px;
}

header nav ul.menu > li:hover > ul.sub-menu > li > ul.sub-menu {
    top: -999px !important;
    opacity: 0 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) !important;
}

header nav ul.menu > li:hover > ul.sub-menu > li:hover > ul.sub-menu {
    top: 0px !important;
    opacity: 1 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
}


/*Content block
----------------*/
.content_wrapper {
    text-align: center;
    padding-top: 0px; /*csh padding-top:25px;*/
    padding-bottom: 40px; /*csh padding-bottom:15px; */
}

.fixed_type_html .content_wrapper {
    margin-top: 115px;
}

.content_block {
    text-align: left;
}

.no-sidebar .left-sidebar-block,
.no-sidebar .right-sidebar-block {
    display: none !important;
}

.left-sidebar .right-sidebar-block {
    display: none !important;
}

.left-sidebar .left-sidebar-block {
    display: block !important;
    float: left !important;
}

.left-sidebar .posts-block {
    float: right !important;
}

.right-sidebar .left-sidebar-block {
    display: none !important;
}

.right-sidebar .right-sidebar-block {
    display: block !important;
}

/*Blog Classes
---------------*/
.right-sidebar .featured_image_full,
.left-sidebar .featured_image_full,
.both-sidebars .featured_image_full,
.right-sidebar .featured_image_full img,
.left-sidebar .featured_image_full img,
.both-sidebars .featured_image_full img {
    float: none;
    width: 100%;
    height: auto;
}

.featured_image_full iframe {
    height: 529px;
}

.right-sidebar .featured_image_full iframe,
.left-sidebar .featured_image_full iframe {
    height: 394px;
}

.blog_post_preview {
    border-bottom: #e3e3e3 1px solid;
    margin-bottom: 40px;
    padding-bottom: 26px;
}

.module_blog .blog_post_preview {
    padding-bottom: 6px;
}

.blog_post_preview .more-link {
    font-style: italic;
    text-decoration: none;
    color: #ababab;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.blog_post_preview .more-link:hover {
    color: #3d3d3d;
}

.blogpost_title {
    position: relative;
    padding: 0 0 0 0px;
}

.blog_post_preview .blog_posttype {
    display: none;
}

.module_blog .blog_post_preview .blog_posttype {
    width: 40px;
    height: 40px;
    display: block;
    background-color: #3d3d3d;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0px;
    top: 0px;
}

.blog_posttype.blog_posttype.blog_slider {
    background-image: url(../images/icons/blogpost_slider.png);
}

.blog_posttype.blog_posttype.blog_video {
    background-image: url(../images/icons/blogpost_video.png);
}

.blog_posttype.blog_posttype.blog_image {
    background-image: url(../images/icons/blogpost_image.png);
}

.blog_posttype.blog_posttype.blog_text {
    background-image: url(../images/icons/blogpost_text.png);
}

.blog_posttype.blog_posttype.blog_link {
    background-image: url(../images/icons/blogpost_link.png);
}

.blogpost_title h4 {
    margin: 0 0 17px 0;
}

.blogpost_title a {
    text-decoration: none !important;
}

.blog_info {
    position: relative;
    padding-right: 172px;
}

.blog_info .portfolio_share {
    position: absolute;
    right: -3px;
    /*top:50%;
	margin-top:-20px;*/
    top: 0px;
}

.blog_info .portfolio_share a.ico_socialize {
    margin: 0 3px 0 0 !important;
}

.module_blog .blog_info {
    padding-left: 50px;
    padding-right: 0px;
}

.blog_info_block {
    display: block;
    border-left: 6px solid;
    padding: 10px 13px 10px 13px;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 20px;
    background: #ececec;
}

.blog_info_block span {
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    color: #3d3d3d;
}

.ie8 .blog_info_block {
    overflow: hidden;
}

.ie8 .blog_info_block span {
    display: block;
    float: left;
}

.blog_info_block.blog_post {
    padding-left: 36px;
    position: relative;
}

.blog_info_block .portfolio_share {
    position: absolute;
    right: -3px;
    top: 0px;
}

.blog_info.blog_post .portfolio_share a {
    margin-right: 3px;
}

.blog_info_block.blog_post .blog_posttype:after {
    content: '' !important;
    padding: 0 !important;
}

.blog_info_block.blog_post .blog_tags:after {
    content: '' !important;
    padding: 0 !important;
}

.blog_info_block span:after {
    content: '|';
    padding: 0 10px;
    font-size: 13px;
    line-height: 16px;
    color: #dbdbdb;
}

.blog_info_block span:last-child:after {
    content: '';
    padding: 0;
}

.blog_info_block span a {
    font-size: 13px;
    line-height: 20px;
    color: #ababab;
    text-decoration: none;
    font-style: italic;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.blog_info_block span a:hover {
    color: #3d3d3d;
    text-decoration: none;
}

.blog_post_preview .featured_image_full {
    margin-bottom: 30px;
}

.module_blog .blog_post_preview .featured_image_full {
    margin-bottom: 15px;
}

.pagerblock {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    margin: -8px 0 0 -3px;
    border-top: #ececec 6px solid;
}

.pagerblock li {
    padding: 0 3px 0 0 !important;
    margin: 0 !important;
    float: left;
    display: inline-block;
}

.pagerblock li:before {
    display: none !important;
}

.pagerblock li a {
    font-size: 16px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ababab;
    text-decoration: none;
    background: #f3f3f3;
    border-bottom: #ffffff 6px solid;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}

.pagerblock li a.current,
.pagerblock li a:hover {
    background-color: #ececec;
    color: #3d3d3d;
}

.pagerblock li a span {
    text-indent: -10000px;
    display: block;
    width: 26px;
    height: 26px;
}

.pagerblock li a span.btn_prev {
    background: url(../images/pager_prev.png) no-repeat center;
}

.pagerblock li a span.btn_next {
    background: url(../images/pager_next.png) no-repeat center;
}

.postcomment {
    margin: 0px 0 28px 0;
    font-weight: normal;
}

.postcomment span.post_type {
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    margin-right: 10px;
    position: relative;
}

.postcomment span.post_type span.ico {
    font-size: 16px;
    line-height: 30px;
    width: 20px;
    padding-left: 7px;
    height: 30px;
    display: block;
    text-transform: none;
}

/*Comments*/
.comment-notes {
    margin-bottom: 16px;
}

#comments {
    margin-bottom: 0px;
}

ol.commentlist {
    list-style: none;
    margin: 0 0 0px 0;
    padding: 0;
}

ol.commentlist li {
    padding: 0 !important;
    list-style: none;
    margin: 0;
}

ol.commentlist li:before {
    content: '' !important;
    margin: 0 !important;
    padding: 0 !important;
}

ol.commentlist li .stand_comment {
    margin: 0 0 20px 0;
    display: block;
    border-left: 6px solid;
    padding: 20px;
    background: #ececec;
}

ol.commentlist li .stand_comment .thiscommentbody p:last-child {
    margin: 0;
}

ol.commentlist li ul {
    padding-left: 26px !important;
}

ol.commentlist li .commentava {
    float: left;
    display: block;
    margin-right: 20px;
}

ol.commentlist li .commentava img {
    display: block;
}

ol.commentlist li .stand_comment {
    overflow: hidden;
}

ol.commentlist li .thiscommentbody {
    margin: 0px;
    float: left;
    display: block;
}

ol.commentlist li .thiscommentbody p {
    margin: 0 0 5px 0;
}

ol.commentlist li .thiscommentbody .comment_info {
    margin: -5px 0 10px 0;
    color: #3d3d3d;
}

ol.commentlist li .thiscommentbody .comment_info span {
    display: inline-block;
    color: #3d3d3d;
    font-size: 13px;
    line-height: 16px;
}

ol.commentlist li .thiscommentbody .comment_info span:before {
    padding: 0 10px 0 7px;
    content: '|';
    font-size: 13px;
    line-height: 16px;
    color: #dbdbdb;
}

ol.commentlist li .thiscommentbody .comment_info span:first-child:before {
    padding: 0 !important;
    content: '' !important;
}

ol.commentlist li .thiscommentbody .comment_info span a {
    color: #ababab;
    font-style: italic;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none !important;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

ol.commentlist li .thiscommentbody .comment_info span a:hover {
    color: #3d3d3d;
}

form.comment-form {
    margin-top: 10px;
}

form.comment-form p {
    margin: 0 0 7px 0;
    color: #3d3d3d;
}

/*Portfolio
------------*/
.btn_load_more,
.btn_back {
    transition: background-color 300ms, color 300ms;
    -webkit-transition: background-color 300ms, color 300ms;
    -moz-transition: background-color 300ms, color 300ms;
    -o-transition: background-color 300ms, color 300ms;
}

.btn_back {
    padding: 10px 25px 10px 43px;
    height: 40px;
    display: inline-block;
    background: #3d3d3d;
    color: #ececec;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    position: relative;
}

.btn_back span {
    position: absolute;
    left: 26px;
    top: 13px;
    display: block;
    width: 7px;
    height: 13px;
    background: url(../images/btn_arrow.png) no-repeat 0 0;
}

.btn_back:hover span {
    background-position: 0 -13px;
}

.btn_back:hover {
    color: #3d3d3d;
}

.btn_load_more span {
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.module_postinfo .portfolio_type1 .portfolio_article {
    display: block;
    margin-bottom: 20px;
}

.module_postinfo .portfolio_type2 .portfolio_article {
    display: none;
}

.module_postinfo .portfolio_date a,
.module_postinfo .portfolio_skills a,
.module_postinfo .portfolio_categ a,
.module_postinfo .portfolio_url a,
.module_postinfo .portfolio_tags a,
.module_postinfo .portfolio_date,
.module_postinfo .portfolio_skills,
.module_postinfo .portfolio_categ,
.module_postinfo .portfolio_url,
.module_postinfo .portfolio_tags {
    font-size: 13px;
    color: #a9a9a9;
    line-height: 16px;
    font-style: italic;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.module_postinfo .portfolio_date a:hover,
.module_postinfo .portfolio_skills a:hover,
.module_postinfo .portfolio_categ a:hover,
.module_postinfo .portfolio_url a:hover,
.module_postinfo .portfolio_tags a:hover {
    color: #5a5a5a;
    text-decoration: none;
}

.module_postinfo .portfolio_skills,
.module_postinfo .portfolio_categ,
.module_postinfo .portfolio_url,
.module_postinfo .portfolio_tags {
    padding-bottom: 14px;
}

.module_postinfo .portfolio_date span,
.module_postinfo .portfolio_skills span,
.module_postinfo .portfolio_categ span,
.module_postinfo .portfolio_url span,
.module_postinfo .portfolio_tags span {
    font-size: 13px;
    color: #5a5a5a;
    font-style: normal;
}

.module_postinfo .portfolio_share a {
    margin: 0 3px 0 0 !important;
}

.module_postinfo .portfolio_date {
    line-height: 26px;
    height: 35px;
    padding: 0 0 0 37px;
    position: relative;
    color: #a9a9a9;
    font-style: italic;
    white-space: nowrap;
}

.module_postinfo .portfolio_date .post_type {
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #dcdcdc !important;
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: bottom 400ms;
    -webkit-transition: bottom 400ms;
    -moz-transition: bottom 400ms;
    -o-transition: bottom 400ms;
}

.module_postinfo .portfolio_date .post_type_slider {
    background-image: url(../images/icons/blogpost_slider.png);
}

.module_postinfo .portfolio_date .post_type_video {
    background-image: url(../images/icons/blogpost_video.png);
}

.module_postinfo .portfolio_date .post_type_image {
    background-image: url(../images/icons/blogpost_image.png);
}

.module_postinfo .portfolio_date .post_type_text {
    background-image: url(../images/icons/blogpost_text.png);
}

.module_postinfo .portfolio_type2 {
    border-top: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    padding: 4px 0;
}

.module_postinfo .portfolio_type2 .portfolio_info_item {
    float: left;
    display: inline-block;
}

.module_postinfo .portfolio_type2 .portfolio_date,
.module_postinfo .portfolio_type2 .portfolio_skills,
.module_postinfo .portfolio_type2 .portfolio_categ,
.module_postinfo .portfolio_type2 .portfolio_url,
.module_postinfo .portfolio_type2 .portfolio_tags {
    padding-top: 5px;
    padding-bottom: 5px;
}

.portfolio_type2 {
    position: relative;
}

.portfolio_type2 .portfolio_info_item:after {
    content: '/';
    color: #a9a9a9;
    font-size: 13px;
    line-height: 16px;
    padding: 0 8px;
}

.portfolio_type2 .portfolio_info_item:last-child:after {
    content: '';
    padding: 0;
}

.portfolio_type2 .portfolio_tags:after {
    content: '';
    padding: 0;
}

.module_postinfo .portfolio_type2 .portfolio_date {
    height: 16px;
    line-height: 16px;
}

.module_postinfo .portfolio_type2 .portfolio_share {
    right: -2px;
    top: 4px;
    display: inline-block;
    position: absolute;
}

.worksslider ul {
    margin-left: -20px;
}

.worksslider ul li {
    width: 100px !important;
    padding: 0 10px !important;
    float: left;
    display: inline-block;
    text-align: center;
}

.worksslider li .item {
    width: 100px;
    height: 100px;
    display: block;
    position: relative;
    margin: 0 auto;
}

.worksslider li .item .portfolio_wrapper {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.item a.wrapped_link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}

.worksslider li .item:hover .portfolio_wrapper {
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.worksslider li .item:hover a {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.worksslider .ico_zoom {
    margin: -8px 0 0 -29px;
}

.worksslider .ico_link {
    margin: -8px 0 0 10px;
}

/*Footer
---------*/
.pre_footer {
    width: 100%;
    text-align: center;
    padding: 45px 0 25px 0;
    background: #3d3d3d;
}

.pre_footer .sidepanel {
    margin-bottom: 0 !important;
}

#footer_bar {
    text-align: left;
}

#footer_bar .sidepanel,
#footer_bar .sidepanel p,
#footer_bar .sidepanel div,
#footer_bar .sidepanel span {
    color: #ffffff;
}

footer {
    border-bottom: #3d3d3d 5px solid;
}

footer .footer_wrapper {
    min-height: 145px;
    position: relative;
    text-align: left;
    display: block;
    margin: 0 auto;
}

footer .footer_wrapper .logo {
    position: absolute;
    left: 0;
    top: 39px;
}

footer .footer_wrapper .copyright {
    color: #3d3d3d;
    font-size: 13px;
    line-height: 15px;
    position: absolute;
    left: 0;
    text-align: center;
    top: 90px;
    width: 100%;
}

.footer_tools {
    position: absolute;
    right: 0px;
    top: 42px;
}

.footer_tools .footer_socials,
.footer_tools .footer_search {
    display: inline-block;
    float: right;
}

.footer_tools .footer_socials li {
    width: 34px;
    height: 34px;
    display: inline-block;
    margin: 0 0 0 3px;
    float: left;
}

.footer_tools .footer_socials li a {
    width: 34px;
    height: 34px;
    display: block;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.footer_tools .footer_socials li a:hover {
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.footer_tools .ico_social-facebook {
    background: url(../images/icons/ico_footer_facebook.png) no-repeat center;
}

.footer_tools .ico_social-twitter {
    background: url(../images/icons/ico_footer_twitter.png) no-repeat center;
}

.footer_tools .ico_social-flickr {
    background: url(../images/icons/ico_footer_flickr.png) no-repeat center;
}

.footer_tools .ico_social-vimeo {
    background: url(../images/icons/ico_footer_vimeo.png) no-repeat center;
}

.footer_tools .ico_social-tumbler {
    background: url(../images/icons/ico_footer_tumblr.png) no-repeat center;
}

.footer_tools .ico_social-delicious {
    background: url(../images/icons/ico_footer_delicious.png) no-repeat center;
}

.footer_search .field_search {
    background: #3d3d3d;
    border: none;
    padding: 9px 10px;
    font-size: 13px;
    line-height: 16px;
    height: 16px;
    width: 190px;
    display: inline-block;
    float: left;
    margin-left: 3px;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.footer_search .btn_search {
    background: url(../images/btn_search.png) center no-repeat;
    width: 34px;
    height: 34px;
    display: inline-block;
    float: left;
    border: none;
    cursor: pointer;
}

.footer_search .field_search,
.footer_search .btn_search {
    opacity: 0.2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.footer_search .field_search:focus,
.footer_search .btn_search:hover {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

footer nav {
    padding: 0px 0px 0px 0;
    position: absolute;
    right: 0px;
    top: 90px;
}

footer nav ul.menu li {
    float: left;
    display: inline-block;

    position: relative;
    margin-left: 23px;
}

footer nav ul.menu li ul.sub-menu,
footer nav ul.menu li ul.sub-menu li ul.sub-menu {
    display: none;
}

footer nav ul.menu li a {
    color: #3d3d3d;
    text-decoration: none;
    text-transform: none !important;
    font-weight: normal;
    padding: 0 0 0px 0;
    font-size: 13px;
    line-height: 15px;
    display: inline-block;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

footer nav ul.menu li a:hover,
footer nav ul.menu li:hover a,
footer nav ul.menu li.current-menu-item a,
footer nav ul.menu li.current-menu-parent a {
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

footer nav ul.sub-menu .menu_arrow {
    display: none !important;
}

footer nav ul.sub-menu {
    display: none !important;
}

/*Images
---------*/
img.alignright {
    float: right;
    margin: 5px 12px 0px 0;
}

img.alignleft {
    float: left;
    margin: 5px 12px 0px 0;
}

/*Lists
--------*/
.contentarea ul, .content_area ol {
    list-style: none;
    margin: 0;
    padding: 0 0 18px 0px;
}

.contentarea ul li, .content_area ol li {
    line-height: 20px;
    margin: 0 0 0 0px;
    padding: 0 0 0 16px;
    position: relative !important;
    color: #ababab;
}

.contentarea ul li:before {
    content: '\25cf';
    padding-right: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #3d3d3d;
}

.contentarea ol {
    counter-reset: li;
    list-style: none;
    padding: 0 0 15px 0;
    margin: 0 !important;
}

.contentarea ol li {
    line-height: 20px;
    margin: 0 0 0 0px;
    padding: 0 0 0 18px;
    position: relative !important;
    color: #ababab;
}

.contentarea ol li:before {
    counter-increment: li;
    content: counter(li) ".";
    padding-right: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    font-weight: bold;
    color: #3d3d3d;
}

.contentarea ol li ol,
.contentarea ol li ul,
.contentarea ul li ul,
.contentarea ul li ol {
    padding: 0 0 0px 10px
}

.contentarea ul.list_type1 li:before,
.contentarea ul.list_type2 li:before,
.contentarea ul.list_type3 li:before,
.contentarea ul.list_type4 li:before,
.contentarea ul.list_type5 li:before,
.contentarea ul.list_type6 li:before {
    content: '';
    width: 12px;
    height: 11px;
    display: block;
    top: 4px;
}

.contentarea ul.list_type1 li:before {
    background: url(../images/marker_list1.png) no-repeat 0 0;
}

.contentarea ul.list_type2 li:before {
    background: url(../images/marker_list2.png) no-repeat 0 0;
}

.contentarea ul.list_type3 li:before {
    background: url(../images/marker_list3.png) no-repeat 0 0;
}

.contentarea ul.list_type4 li:before {
    background: url(../images/marker_list4.png) no-repeat 0 0;
}

.contentarea ul.list_type5 li:before {
    background: url(../images/marker_list5.png) no-repeat 0 0;
}

.contentarea ul.list_type6 li:before {
    background: url(../images/marker_list6.png) no-repeat 0 0;
    top: 5px;
}

.contentarea ul.list_type4 li {
    padding-left: 18px;
}

ul.list_type0 {
    padding: 0 0 0 10px;
    margin: 0 0 10px 0;
}

ul.list_type0 li {
    color: #ababab;
    font-size: 13px;
    position: relative;
    padding: 0 0 0 15px;
}

ul.list_type0 li:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: '\25cf';
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

ul.list_type0 li ul {
    padding-left: 15px;
}

/*Shortcodes List*/
ul.list {
    list-style: none;
    margin: 0;
    padding: 0 0 0px 18px;
    overflow: hidden
}

ul.list li {
    line-height: 16px;
    color: #a5a5a5;
    position: relative !important;
}

ul.list li:before {
    content: '\25cf';
    padding-right: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

ul.list.plus li:before {
    content: '+';
    padding: 0px 5px 0 2px;
    padding-right: 0px;
    position: absolute;
    left: 0px;
    top: 2px;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
}

ol.list {
    counter-reset: li;
    padding: 0 0 0px 18px;
    margin: 0;
    list-style: none;
}

ol.list li {
    margin: 0 0 0 0px;
    padding: 0 0 0 15px;
    color: #a5a5a5;
    position: relative !important;
}

ol.list li:before {
    content: counter(li) ".";
    counter-increment: li;
    padding-right: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    font-weight: bold;
}


/*Sidebar
----------*/
.sidepanel {
    margin: 0 0 30px 0;
}

.sidebar .sidepanel {
    border-bottom: #e3e3e3 1px solid;
    padding-bottom: 15px;
    margin: 0 0 35px 0;
}

.widget_nav_menu {
    border-bottom: none !important;
    margin-bottom: 15px !important;
}

.sidebar .sidepanel:last-child {
    border-bottom: none !important;
    margin-bottom: 15px !important;
}

/*-- Search --*/
.widget_search {
    position: relative;
    border: #e6e6e6 1px solid;
    padding: 2px 5px 3px 25px;
}

.widget_search input {
    width: 100%;
    height: 17px;
    line-height: 16px;
    font-size: 11px;
    color: #a5a5a5;
    border: none;
    padding: 0;
    margin: 0;
}

.widget_search .search_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5px;
    top: 3px;
    display: block;
    background: url(../images/icons/ico_search.png) no-repeat 0 0;
}

.widget_video iframe {
    width: 100%;
    height: auto;
}

/*-- Popular Posts   Recent Posts --*/
.popular_posts,
.recent_posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popular_posts li,
.recent_posts li {
    float: none;
    margin: 0;
    overflow: hidden;
    margin-top: 13px;
}

.popular_posts li:first-child,
.recent_posts li:first-child {
    padding-top: 0px;
    border: none;
    margin-top: 0px;
}

.popular_posts li .img_wrapper,
.recent_posts li .img_wrapper {
    float: left;
    margin: -2px 0px 0px 0;
}

.popular_posts li img,
.recent_posts li img {
    display: block;
    margin-bottom: 5px;
}

.recent_posts_content {
    color: #afafaf;
}

.popular_posts li p,
.recent_posts li p {
    color: #5a5a5a;
    margin-bottom: 12px;
}

.popular_posts li .post_date,
.recent_posts li .post_date {
    display: block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
}

.popular_posts li .read_more a,
.recent_posts li .read_more a {
    color: #ababab;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    font-style: italic;
}

.popular_posts li .read_more a:hover,
.recent_posts li .read_more a:hover {
    color: #3d3d3d;
}

.popular_posts li a:hover,
.recent_posts li a:hover {
    color: #3d3d3d;
    text-decoration: none;
}

/* About */
.widget_about .signature {
    font-style: italic;
}

.widget_about img {
    margin-top: 1px;
}

/*-- Flickr --*/
.widget_flickr {
    margin: 0 0 0 -3px;
    padding: 0 0 0px 0;
    list-style: none;
    overflow: hidden;
}

.widget_flickr .flickr_badge_image {
    float: left;
    display: inline-block;
    margin: 0 0 3px 3px !important;
    width: 71px !important;
    height: 71px !important;
    position: relative;
}

.widget_flickr .flickr_badge_image a,
.widget_flickr .flickr_badge_image img {
    display: block !important;
    width: 71px !important;
    height: 71px !important;
}

.widget_flickr .flickr_badge_image .flickr_fadder {
    width: 71px;
    height: 71px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #3d3d3d;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
}

.left-sidebar-block .widget_flickr .flickr_badge_image .flickr_fadder,
.right-sidebar-block .widget_flickr .flickr_badge_image .flickr_fadder {
    background: #ffffff;
}

.widget_flickr .flickr_badge_image:hover .flickr_fadder {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.widget_flickr .flickr_badge_image .flickr_wrapper {
    border: 6px solid;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 59px !important;
    height: 59px !important;
    display: block;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
}

@media only screen and (min-width: 1200px) {
    .widget_flickr .flickr_badge_image,
    .widget_flickr .flickr_badge_image a,
    .widget_flickr .flickr_badge_image img,
    .widget_flickr .flickr_badge_image .flickr_fadder {
        width: 88px !important;
        height: 88px !important;
    }

    .widget_flickr .flickr_badge_image .flickr_wrapper {
        width: 76px !important;
        height: 76px !important;
    }
}

.widget_flickr .flickr_badge_image:hover .flickr_wrapper {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

/*-- BlockRoll --*/
.widget_block_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_block_list li {
    float: none;
    margin: 0;
    padding: 6px 0;
    line-height: 17px;
    border-top: #e6e6e6 1px solid;
    color: #2c2c2c;
    overflow: hidden;
}

.widget_block_list li a {
    color: #2c2c2c;
    text-decoration: none;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

/*-- Twitter --*/
.twitter_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.twitter_list li {
    float: none;
    margin: 0;
    overflow: hidden;
    position: relative;
    background: none;
    margin-top: 12px;
    padding-left: 25px;
}

.twitter_list li:first-child {
    border: none;
    padding-top: 0;
    margin-top: 0px;
}

.twitter_list li:before {
    width: 19px;
    height: 15px;
    background: url(../images/mark_twitter2.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 2px;
    content: '';
}

#footer_bar .twitter_list li:before {
    width: 19px;
    height: 15px;
    background: url(../images/mark_twitter.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 2px;
    content: '';
}

.twitter_list li .tweet_text:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 15px;
    margin-right: 5px;
}

.twitter_list li a {
    color: #ababab;
    font-style: italic;
}

.twitter_list li a:hover {
    color: #3d3d3d;
}

/*-- Text Widget --*/
.widget_text div {
    color: #a7a7a7;
    padding-bottom: 7px;
}

.widget_text .textwidget {
    color: #2c2c2c;
}

/*-- Menu Widget --*/
.widget_nav_menu ul {
    padding: 0;
    margin: 0;
}

.widget_nav_menu ul li a {
    border-left: 6px solid;
    margin-bottom: 3px;
    display: block;
    padding: 10px 10px;
    line-height: 20px !important;
    font-size: 16px;
    color: #3d3d3d;
    background: #ececec;
    transition: color 400ms, background-color 400ms;
    -webkit-transition: color 400ms, background-color 400ms;
    -moz-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
}

.widget_nav_menu ul li a:hover {
    background: #3d3d3d;
}

/*Typograph
------------*/
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    color: #3d3d3d;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    color: #3d3d3d;
}

h1, h2, h3, h4 {
    font-weight: bold;
}

h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 34px;
    line-height: 36px;
    margin: 0px 0 19px 0;
}

h2 {
    font-size: 28px;
    line-height: 30px;
    margin: 0px 0 21px 0;
}

h3 {
    font-size: 24px;
    line-height: 26px;
    margin: 0px 0 22px 0;
}

h4 {
    font-size: 22px;
    line-height: 24px;
    margin: 0px 0 23px 0;
}

h5 {
    font-size: 20px;
    line-height: 22px;
    margin: 0px 0 23px 0;
}

h6 {
    font-size: 16px;
    line-height: 18px;
    margin: 0px 0 17px 0;
}

h2.headInModule {
    margin-bottom: 23px;
}

h3.headInModule {
    font-size: 32px !important;
    margin-bottom: 21px !important;
}

.module_feature_posts .headInModule,
.module_teamslider .headInModule,
.module_testimonial .headInModule,
.module_partners .headInModule {
    padding-right: 50px;
}

.page_title {
    height: 50px;
    display: block;
    overflow: hidden;
}

.page_title h1 {
    margin: 0;
    color: #3d3d3d;
}

.ico {
    font-family: 'FBiconsRegular'
}

hr {
    margin: 0;
    padding: 0;
    border: none;
    height: 39px;
    display: block;
    border-top: #a3a3a3 1px solid;
}

hr.light {
    border-color: #e3e3e3;
}

hr.dark {
    border-color: #3d3d3d;
}

hr.invisible {
    border: none !important;
    height: 15px !important
}

hr.nomar {
    margin: 0 !important;
    height: 1px !important;
}

.text_light,
.text_colored a,
.text_light a:hover {
    color: #ababab;
}

.dropcap {
    margin: -3px 9px -3px 0;
    text-transform: uppercase;
    float: left;
    font-size: 40px;
    line-height: 42px;
    font-weight: bold;
    color: #3d3d3d;
}

.dropcap.light {
    color: #d1d1d1;
}

blockquote {
    padding: 0 0 0px 0px;
    border: none;
    margin: 0 0 10px 0;
}

blockquote .blockquote_wrapper {
    padding-left: 50px;
    position: relative;
}

blockquote .blockquote_wrapper:before {
    content: '';
    display: block;
    width: 34px;
    height: 20px;
    background: #3d3d3d url(../images/blockquote.png) no-repeat 0 0;
    position: absolute;
    left: 0px;
    top: 3px;
}

blockquote.type1 .blockquote_wrapper:before {
    background-color: #d1d1d1;
}

blockquote p {
    font-size: 13px;
    line-height: 18px;
    color: #ababab;
    margin-bottom: 6px;
}

blockquote span {
    font-size: 13px;
    display: block;
    color: #ababab;
    font-style: italic;
}

blockquote.right {
    width: 47.5%;
    float: right;
    padding-right: 0 !important;
    margin-left: 2.5%;
}

blockquote.left {
    width: 47.5%;
    margin-right: 2.5%;
    float: left;
}

.demo_columns {
    background: #3d3d3d;
    line-height: 140px;
    color: #dadada;
    text-align: center;
    font-size: 14px;
}

/*Contacts   Forms
-------------------*/
/*-- Contact --*/
.contact_info {
    margin-bottom: 20px
}

.contact_info li {
    padding: 0 0 8px 25px;
    position: relative;
}

.contact_info .ico_contact {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 16px;
    width: 16px;
}

.module_contact_info .continfo_item {
    display: block;
    padding: 8px 0 8px 45px;
    line-height: 20px;
    position: relative;
    margin-bottom: 3px;
}

.module_contact_info .continfo_item span {
    position: absolute;
    left: 0;
    top: 0;
}

.module_contact_info .continfo_item span:hover {
    background-color: #3d3d3d !important;
}

.module_contact_info p {
    margin-top: 8px;
}

.module_contact_info .continfo_item a {
    color: #ababab;
    font-style: italic;
}

.module_contact_info .continfo_item a:hover {
    color: #3d3d3d;
}

.filter_navigation ul li ul li a:hover {
    background-color: #3d3d3d;
}

/*-- Form --*/
.feedback_form {
    width: 100%;
}

.feedback_form .field-name,
.feedback_form .field-email,
.feedback_form .field-subject,
.feedback_form .field-message,
#commentform .form_field {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 20px;
    line-height: 20px;
    height: 20px;
    font-size: 16px;
    color: #3d3d3d;
    padding: 10px 13px;
    background: none;
    border: none;
    background: #ececec;
    border-left: 6px solid;
    margin-bottom: 3px;
    transition: color 400ms, border-color 400ms;
    -webkit-transition: color 400ms, border-color 400ms;
    -moz-transition: color 400ms, border-color 400ms;
    -o-transition: color 400ms, border-color 400ms;
}

.feedback_form .field-name:focus,
.feedback_form .field-email:focus,
.feedback_form .field-subject:focus,
.feedback_form .field-message:focus,
#commentform .form_field:focus {
    background-color: #3d3d3d;
}

.feedback_form .field-message {
    height: 135px;
    margin-bottom: 3px;
}

#commentform #comment-message {
    height: 170px;
    margin-bottom: 4px;
}

#respond {
    border-bottom: #e3e3e3 1px solid;
    padding-bottom: 27px;
    margin: 0 0 35px 0;
}

.feedback_form .feedback_go,
.feedback_form .feedback_reset,
#commentform #reset,
#commentform #submit {
    border: none;
    line-height: 20px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    padding: 10px 25px;
    font-size: 18px;
    margin: 0 -1px 3px 0;
    background: #a3a3a3;
    transition: color 300ms, background-color 300ms;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
}

#commentform #submit:hover,
.feedback_form .feedback_go:hover {
    color: #3d3d3d;
}

.feedback_form .feedback_reset,
#commentform #reset {
    background: #a3a3a3;
    color: #ececec;
    font-weight: normal !important;
}

.feedback_form .feedback_reset:hover,
#commentform #reset:hover,
.feedback_form .feedback_go,
#commentform #submit {
    background: #3d3d3d;
    color: #ececec;
    font-weight: normal !important;
}

.ajaxanswer span {
    padding: 10px 0;
}

.map_container {
    display: block;
    width: 100%;
}

/*ShortCodes
-------------*/
.fullscreen_image_wrapper {
    overflow: hidden;
}

/*-- My Team --*/
.carousel_wrapper {
    background: #3d3d3d;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: -100%;
    display: none;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    transition: top 400ms;
    -webkit-transition: top 400ms;
    -moz-transition: top 400ms;
    -o-transition: top 400ms;
}

.carouselslider .item:hover .img_block .carousel_wrapper {
    top: 0%;
}

.carousel-wrap .carousel_wrapper {
    display: block;
}

.carouselslider,
.team_slider {
    position: relative;
}

.team_slider .img_block {
    position: relative;
}

.team_slider {
    margin-bottom: 20px !important
}

.left-sidebar .carouselslider,
.left-sidebar .team_slider,
.right-sidebar .carouselslider,
.right-sidebar .team_slider {
    position: relative;
}

.carouselslider ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 0 -30px;
}

.carouselslider ul li:before {
    content: '' !important;
    margin: 0 !important;
    padding: 0 !important
}

.carouselslider ul li {
    float: left;
    display: inline-block;
    padding: 0 0 0 30px !important;
    margin: 0;
}

.team_slider ul li .item,
.featured_slider ul li .item {
    background: #ececec;
    border-bottom: 6px solid;
!important;
    transition: background-color 400ms;
    -webkit-transition: background-color 400ms;
    -moz-transition: background-color 400ms;
    -o-transition: background-color 400ms;
}

.team_slider ul li .item:hover,
.featured_slider ul li .item:hover {
    background: #3d3d3d;
}

.left-sidebar .team_slider ul li,
.right-sidebar .team_slider ul li {
    float: left;
    display: inline-block;
    margin: 0 !important;
    padding: 0 10px;
    /*width:160px;*/
}

.team_slider ul li .img_block,
.featured_slider ul li .img_block {
    display: block;
}

.team_slider ul li .img_block img,
.featured_slider ul li .img_block img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
    background: #3d3d3d;
}

.carouselslider ul li h4 {
    text-align: center;
    padding: 15px 20px 0 20px;
    margin-bottom: 3px;
    transition: color 400ms;
    -webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
}

.teamslider ul li h4 {
    padding-top: 30px;
}

.featured_slider ul li .carousel_title {
    text-align: left !important;
}

.carouselslider ul li .carousel_desc {
    padding: 22px 0 0px 0;
    font-size: 13px;
    line-height: 18px;
}

.carouselslider ul li .carousel_desc a {
    color: #a9a9a9;
    font-style: italic;
}

.team_slider ul li .op {
    display: block;
    clear: both;
    color: #aaaaaa;
    font-size: 16px;
    text-align: center
}

.team_slider ul .item:hover .op {
    color: #ffffff;
}

.carouselslider ul li .exc {
    padding: 0 20px;
    margin-bottom: 3px;
    text-align: center;
    transition: color 400ms;
    -webkit-transition: color 400ms;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
}

.carouselslider ul li .smallproflinks {
    text-align: center;
    padding: 23px 0 25px 0
}

.carouselslider ul li .smallproflinks a {
    width: 34px;
    height: 34px;
    display: inline-block;
    margin: 0 2px 0 1px;
    padding: 0 !important;
    background-color: #3d3d3d;
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
}

.carouselslider ul .item:hover .smallproflinks a {
    background-position: 0 -34px;
}

.carouselslider ul li .smallproflinks a:hover {
    background-color: #ffffff !important;
}

.carouselslider ul li .smallproflinks a.facebook_link {
    background-image: url(../images/icons/ico_carousel_facebook.png);
}

.carouselslider ul li .smallproflinks a.twitter_link {
    background-image: url(../images/icons/ico_carousel_twitter.png);
}

.carouselslider ul li .smallproflinks a.tumbler_link {
    background-image: url(../images/icons/ico_carousel_tumbler.png);
}

.carousel-previous,
.carousel-next {
    width: 21px !important;
    height: 21px;
    padding: 0 !important;
    display: block;
    position: absolute !important;
    border: none;
    cursor: pointer;
    top: -27px !important;
    left: auto !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
}

.carouselslider a {
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.carousel-previous {
    right: 23px !important;
    background: #3d3d3d url(../images/carousel_prev.png) no-repeat 0 0;
}

.carousel-next {
    right: 0px !important;
    background: #3d3d3d url(../images/carousel_next.png) no-repeat 0 0;
}

.carouselslider .disabled {
    opacity: 0.8 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80) !important;
    background-color: #3d3d3d !important;
    cursor: default !important;
    background-position: left top !important;
}

.carouselslider .carousel-previous:hover,
.carouselslider .carousel-next:hover {
    background-position: left bottom;
}

.featured_slider ul li .carousel_title {
    padding: 0 !important;
}

.featured_slider ul li .carousel_title h5 {
    text-align: left !important;
    margin: 13px 0 0 0;
    padding: 0;
    line-height: 20px !important;
}

.featured_slider .carousel_desc {
    border-top: 0 !important;
    padding-top: 7px !important;
    padding-bottom: 14px !important;
    text-align: center !important;
}

.featured_slider .carousel_desc .exc {
    text-align: center !important;
}

.featured_slider .carousel_desc a:hover {
    text-decoration: none;
}

.featured_slider .carousel_title {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
}

.featured_slider .img_block {
    position: relative;
    overflow: hidden;
}

.featured_slider .img_block a {
    display: block;
}

.featured_slider .img_block .post_type {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
}

.featured_slider .item:hover .post_type {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.featured_slider .img_block .post_type_image {
    background-image: url(../images/icons/post_type-image.png);
}

.featured_slider .img_block .post_type_slider {
    background-image: url(../images/icons/post_type-slider.png);
}

.featured_slider .img_block .post_type_text {
    background-image: url(../images/icons/post_type-text.png);
}

.featured_slider .img_block .post_type_link {
    background-image: url(../images/icons/post_type-link.png);
}

.featured_slider .img_block .post_type_video {
    background-image: url(../images/icons/post_type-video.png);
}

.featured_slider .featured_post_info {
    border-top: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    margin: 13px 0 2px 0;
}

.featured_slider .featured_post_info span {
    line-height: 32px;
    padding: 0 9px;
}

.featured_slider .featured_post_info,
.featured_slider .featured_post_info span,
.featured_slider .featured_post_info a {
    line-height: 32px;
    color: #a9a9a9;
    font-size: 13px;
    font-style: italic;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.featured_slider .featured_post_info a:hover {
    text-decoration: none;
    color: #5a5a5a;
}

.featured_slider .related_projects .item {
    border: none !important;
}

.featured_slider .item:hover a:hover {
    color: #5a5a5a !important;

}

.module_testimonial .item {
    border: none !important
}

.testimonials_list {
    /*width:458px!important;*/
}

.testimonials_list li {
    /*width:458px!important;*/
    float: left;
    display: inline-block;
    margin: 0 !important;
}

.testimonials_list li .testimonials_photo {
    display: inline-block;
    float: left;
    margin: 4px 21px 0 0;
}

.testimonials_list li .testimonials_photo img {
    display: block;
}

.testimonials_list li .testimonials_text {

}

.testimonials_list li .author,
.testimonials_list li .author_position {
    color: #afafaf;
    font-size: 13px;
    font-style: italic;
}

.testimonials_list h6 {
    margin-bottom: 10px;
}

.sponsors_works li .item {
    position: relative;
    display: block;
    opacity: 0.2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
}

.sponsors_works li .item img {
    width: 100%;
    height: auto;
    display: block;
}

.sponsors_works li .item .partners_color {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
}

.sponsors_works li .item:hover,
.sponsors_works li .item:hover .partners_color {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.module_partners_wrapper {
    margin-top: 1px;
}

.module_partners_wrapper .item {
    width: 16.66%;
    display: inline-block;
    margin: -1px -1px 0 0;
    float: left;
}

.module_partners_wrapper .item_content {
    border: #dcdcdc 1px solid;
    text-align: center;
}

.module_partners_wrapper .item_content img,
.module_partners_wrapper .item_content .gsCanvas,
.module_partners_wrapper .item_content .gsWrapper {
    width: 100%;
    height: auto;
    display: block !important;
}

.module_partners_wrapper .item_content .partners_opacity:hover {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.module_highlighter .highlighter_item a {
    display: block;
    margin: 0 0 3px 0;
    border-left: 6px solid;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 10px;
    color: #3d3d3d;
    background: #ececec;
    text-decoration: none !important;
    transition: color 400ms, background-color 400ms;
    -webkit-transition: color 400ms, background-color 400ms;
    -moz-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
}

.module_highlighter .highlighter_item a:hover {
    background: #3d3d3d;
}

.module_feedback_form {
    color: #ababab;
    font-size: 13px;
    line-height: 18px;
}

.module_feedback_form form {
    margin-top: 11px;
    margin-top: 15px;
}

.module_gallery.module_gallery {
    margin-bottom: 10px !important;
}

.module_gallery .list-of-images {
    margin-left: -30px;
    text-align: center;
}

.module_gallery .list-of-images .gallery_item {
    margin: 0 0 30px 30px;
    display: inline-block;
    position: relative;
    float: left;
    overflow: hidden;
    background: #3d3d3d;
}

.module_gallery .gallery_item .gallery-stand-img {
    display: block;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
}

.module_gallery .gallery_item:hover .gallery-stand-img {
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.module_gallery .list-of-images .gallery_item hr {
    display: block;
    border: none !important;
    margin: 0 !important;
    padding: 0;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    transition: bottom 400ms;
    -webkit-transition: bottom 400ms;
    -moz-transition: bottom 400ms;
    -o-transition: bottom 400ms;
}

.module_gallery .list-of-images .gallery_item:hover hr {
    bottom: 0px;
}

.module_gallery .list-of-images .gallery_item .post_type {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
}

.module_gallery .list-of-images .gallery_item:hover .post_type {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.module_gallery .list-of-images .gallery_item .post_type_image {
    background-image: url(../images/icons/post_type-image.png);
}

.module_gallery .list-of-images .gallery_item .post_type_slider {
    background-image: url(../images/icons/post_type-slider.png);
}

.module_gallery .list-of-images .gallery_item .post_type_text {
    background-image: url(../images/icons/post_type-text.png);
}

.module_gallery .list-of-images .gallery_item .post_type_link {
    background-image: url(../images/icons/post_type-link.png);
}

.module_gallery .list-of-images .gallery_item .post_type_video {
    background-image: url(../images/icons/post_type-video.png);
}

.module_gallery .list-of-images .gallery_item img,
.module_gallery .list-of-images .gallery_item .gallery-stand-link,
.module_gallery .list-of-images .gallery_item .gsWrapper,
.module_gallery .list-of-images .gallery_item .gsCanvas {
    display: block !important;
}

.module_divider {
    margin-top: -40px;
}

.module_divider {
    height: 1px !important;
}

/*-- Wrapped Img --*/
.widget_flickr .img_wrapper {
    position: relative;
    display: block;
}

.widget_flickr .img_wrapper .img_fadder {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.widget_flickr .img_wrapper:hover .img_fadder {
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

img.wrapped_zoomer {
    display: block;
}

div.zoomer_wrapper {
    display: block;
    position: relative;
}

div.zoomer_wrapper img {
    margin: 0 !important;
}

div.zoomer_wrapper.alignleft {
    float: left;
    margin: 0 20px 10px 0px;
}

div.zoomer_wrapper.alignright {
    float: right;
    margin: 0 0px 10px 20px;
}

div.zoomer_wrapper div.fader {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

div.zoomer_wrapper:hover div.fader {
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

div.zoomer_wrapper div.fader span.fader_caption {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: 100%;
}

div.zoomer_wrapper div.fader a {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 10px 0 0 -13px;
    width: 26px;
    height: 20px;
}

div.zoomer_wrapper div.fader a span.ico {
    color: #ffffff;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 8px;
    top: 0px;
}

/*-- IconBox --*/
.shortcode_iconbox {
    display: block;
    position: relative;
    cursor: default;
    padding: 31px 20px 30px 20px;
    color: #5a5a5a;
    min-height: 53px !important;
    background: #ececec;
    border-bottom: 6px solid;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
}

.shortcode_iconbox .ico {
    width: 100%;
    height: 72px;
    display: block;
    color: #3d3d3d;
    text-align: center;
    line-height: 56px;
    font-size: 54px;
    margin-left: -12px;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.shortcode_iconbox .ico.fix2 {
    margin-left: -18px;
}

.shortcode_iconbox h4 {
    text-align: center;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.shortcode_iconbox p {
    text-align: center;
    margin-top: -3px;
    margin-bottom: 5px;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.shortcode_iconbox:hover {
    background-color: #3d3d3d;
}

/*-- Accordion --*/
.shortcode_accordion_shortcode,
.shortcode_toggles_shortcode {
    margin: 0px 0 0px 0;
}

.shortcode_accordion_item_title,
.shortcode_toggles_item_title {
    text-transform: none;
    position: relative;
    font-weight: normal;
    padding: 10px 40px 10px 13px;
    margin: 0 0 3px 0;
    cursor: pointer;
    color: #3d3d3d;
    font-size: 16px;
    line-height: 20px;
    min-height: 22px;
    border-left: 6px solid;
    background: #ececec;
    transition: color 300ms, background-color 300ms;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
}

.shortcode_accordion_item_title:hover,
.shortcode_toggles_item_title:hover {
    background: #3d3d3d;
}

.shortcode_accordion_item_title .ico,
.shortcode_toggles_item_title .ico {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    background: url(../images/accordion.png) no-repeat 0 0;
    width: 13px;
    height: 7px;
}

.shortcode_accordion_item_title:hover .ico,
.shortcode_toggles_item_title:hover .ico {
    background-position: -13px 0px;
}

.shortcode_accordion_item_title.ui-state-active .ico,
.shortcode_toggles_item_title.ui-state-active .ico {
    background-position: 0 -7px;
}

.shortcode_accordion_item_title.ui-state-active:hover .ico,
.shortcode_toggles_item_title.ui-state-active:hover .ico {
    background-position: -13px -7px;
}

.shortcode_accordion_item_body,
.shortcode_toggles_item_body {
    padding: 4px 0px 8px 0px;
    color: #ababab;
    font-size: 13px;
    line-height: 18px;
    border: none;
    border-top: none;
}

.shortcode_toggles_item_body {
    display: none
}

.shortcode_accordion_item_body div,
.shortcode_toggles_item_body div {
    color: #ababab;
    font-size: 13px;
    line-height: 18px;
}

/*-- Highlighted text --*/
.highlighted_colored {
    color: #ffffff
}

.highlighted_dark {
    color: #dadada;
    background-color: #3d3d3d;
}

.highlighted_light {
    color: #ffffff;
    background-color: #a7a7a7;
}

/*-- Tabs --*/
.shortcode_tabs {
    padding: 0 0 0px 0;
    overflow: hidden;
}

.shortcode_tabs .all_heads_cont {
    display: block;
    /*min-height:46px;*/
    overflow: hidden;
}

.shortcode_tabs .all_heads_cont:after {
    content: '';
    clear: both;
}

.shortcode_tab_item_title {
    color: #ababab;
    display: inline-block;
    float: left;
    padding: 0 18px;
    margin: 0px 3px 0 0;
    cursor: pointer;
    border-top: #ffffff 6px solid;
    font-size: 16px;
    line-height: 40px;
    background: #f3f3f3;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
}

.shortcode_tab_item_title:hover {
    background: #3d3d3d;
}

.shortcode_tab_item_title.active {
    background: #ececec;
    color: #3d3d3d !important;
}

.all_body_cont {
    margin: 0;
    border: none;
    background: #ececec;
    padding: 20px;
}

.shortcode_tab_item_body {
    display: none;
}

.shortcode_tab_item_body.active {
    display: block;
}

/*-- Buttons --*/
.shortcode_button {
    display: inline-block;
    margin: 5px 5px;
    border: none;
    text-decoration: none;
    float: left;
    background: #3d3d3d;
    color: #ececec;
}

.shortcode_button.btn_small {
    line-height: 34px;
    font-size: 13px;
    padding: 0 18px;

}

.shortcode_button.btn_normal {
    line-height: 40px;
    font-size: 18px;
    padding: 0 23px;
}

.shortcode_button.btn_large {
    line-height: 42px;
    font-size: 20px;
    font-weight: bold;
    padding: 0 31px;
}

.shortcode_button,
.shortcode_button .ico {
    transition: background-color 300ms, color 300ms, border-color 300ms;
    -webkit-transition: background-color 300ms, color 300ms, border-color 300ms;
    -moz-transition: background-color 300ms, color 300ms, border-color 300ms;
    -o-transition: background-color 300ms, color 300ms, border-color 300ms;
}

.shortcode_button.btn_type1 {
    color: #ececec;
    background: #3d3d3d;
}

.shortcode_button.btn_type2 {
    color: #ececec;
    background: #a3a3a3;
}

.shortcode_button.btn_type3 {
    color: #a3a3a3;
    background: #ececec;
}

.shortcode_button.btn_type4 {
    color: #3d3d3d;
}

.shortcode_button.btn_type5 {
    color: #3d3d3d;
    background: #ffd200;
}

.shortcode_button.btn_type6 {
    color: #3d3d3d;
    background: #ff8d00;
}

.shortcode_button.btn_type7 {
    color: #3d3d3d;
    background: #ff5b29;
}

.shortcode_button.btn_type8 {
    color: #3d3d3d;
    background: #ff60af;
}

.shortcode_button.btn_type9 {
    color: #3d3d3d;
    background: #b36aff;
}

.shortcode_button.btn_type10 {
    color: #3d3d3d;
    background: #2e7cff;
}

.shortcode_button.btn_type11 {
    color: #3d3d3d;
    background: #0ab7e1;
}

.shortcode_button.btn_type12 {
    color: #3d3d3d;
    background: #88c800;
}

.shortcode_button.btn_type13 {
    color: #3d3d3d;
    background: #dbe93a;
}

.shortcode_button:hover {
    text-decoration: none;
    color: #ececec;
    background: #3d3d3d;
}

.shortcode_button.btn_type4:hover {
    color: #ececec !important;
    background: #3d3d3d !important;
}

.shortcode_button.btn_type1:hover {
    text-decoration: none;
    color: #3d3d3d;
}

/*-- MessageBoxes --*/
.shortcode_messagebox {
    display: block;
    padding: 10px 40px 10px 14px;
    position: relative;
    margin-bottom: 10px;
    border-left: #3d3d3d 6px solid;
    background: #ececec;
    color: #3d3d3d;
    font-size: 16px;
    line-height: 20px;
}

.shortcode_messagebox .box_close {
    position: absolute;
    right: 11px;
    top: 9px;
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/btn_box_close.png) no-repeat 0 0;
}

.shortcode_messagebox.box_type1 {
    border-color: #3d3d3d;
}

.shortcode_messagebox.box_type3 {
    border-color: #ff5b29;
}

.shortcode_messagebox.box_type4 {
    border-color: #ffd200;
}

.shortcode_messagebox.box_type5 {
    border-color: #88c800;
}

/*-- VideoFrame --*/
iframe.alignleft {
    float: left;
    margin: 0 20px 10px 0
}

iframe.alignright {
    float: right;
    margin: 0 0px 10px 20px
}

.demo_frame {
    border: #3d3d3d 6px solid;
}

.demo_frame iframe {
    display: block !important;
    float: none !important;
    margin: 0 !important;
}

/*-- Color Blocks --*/
.shortcode_colorblocks {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 20px 0 0 0;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
}

.shortcode_colorblocks .ico {
    width: 100%;
    text-align: center;
    font-size: 42px;
    display: block;
    height: 44px;
    margin: 0 0 8px -10px;
    padding: 15px 0 0 0;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.shortcode_colorblocks h5 {
    font-family: 'OswaldBold';
    text-align: center;
    width: 100%;
    margin: 0 0 15px 0;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.shortcode_colorblocks p {
    padding: 0 20px;
    margin-bottom: 18px;
    text-align: center;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.shortcode_colorblocks.light {
    background: #dadada;
}

.shortcode_colorblocks.grey {
    background: #a7a7a7;
}

.shortcode_colorblocks.dark,
.shortcode_colorblocks.grey.hovered:hover,
.shortcode_colorblocks.light.hovered:hover,
.shortcode_colorblocks.colored.hovered:hover {
    background: #3d3d3d;
}

.shortcode_colorblocks.light p,
.shortcode_colorblocks.light.hovered h5,
.shortcode_colorblocks.grey h5,
.shortcode_colorblocks.grey a,
.shortcode_colorblocks.grey .ico {
    color: #3d3d3d
}

.shortcode_colorblocks.grey p,
.shortcode_colorblocks.grey.hovered h5,
.shortcode_colorblocks.colored p,
.shortcode_colorblocks.colored h5,
.shortcode_colorblocks.colored .ico,
.shortcode_colorblocks.dark.hovered:hover .ico,
.shortcode_colorblocks.dark.hovered:hover p,
.shortcode_colorblocks.hovered:hover a:hover,
.shortcode_colorblocks.light.hovered:hover a,
.shortcode_colorblocks.grey.hovered:hover a,
.shortcode_colorblocks.colored.hovered:hover a,
.shortcode_colorblocks.dark.hovered:hover h5 {
    color: #ffffff
}

.shortcode_colorblocks.colored a,
.shortcode_colorblocks.dark p,
.shortcode_colorblocks.dark.hovered h5,
.shortcode_colorblocks.grey.hovered:hover .ico,
.shortcode_colorblocks.light.hovered:hover p,
.shortcode_colorblocks.grey.hovered:hover p,
.shortcode_colorblocks.colored.hovered:hover p,
.shortcode_colorblocks.light.hovered:hover h5,
.shortcode_colorblocks.grey.hovered:hover h5,
.shortcode_colorblocks.colored.hovered:hover h5,
.shortcode_colorblocks.dark.hovered a {
    color: #dadada
}

.shortcode_colorblocks.hovered:hover a:hover,
.shortcode_colorblocks.hovered:hover a {
    text-decoration: none;
}

.shortcode_promoblock {
    background: #ececec;
    border-left: 6px solid;
    padding: 30px;
    display: block;
}

.shortcode_promoblock .promo_text_block {
    text-align: right;
}

.shortcode_promoblock .promo_button_block {
    text-align: left;
}

.shortcode_promoblock .promo_button {
    padding: 0px 35px;
    font-size: 20px;
    line-height: 48px;
    color: #ececec;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    background: #3d3d3d;
    margin-top: 7px;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
}

.shortcode_promoblock .promo_button:hover {
    color: #3d3d3d;
}

.shortcode_promoblock h4 {
    text-align: right;
    font-size: 24px;
    line-height: 26px;
    color: #3d3d3d;
    margin: 0 0 -2px 0;
    font-weight: 300;
}

.shortcode_promoblock h1 {
    margin: 0px 0 0px 0;
    text-align: right;
    font-size: 31px;
    line-height: 33px;
    color: #3d3d3d;
}

/*-- Socials Icons --*/
.ico_socialize {
    display: inline-block;
    float: left;
    margin: 0 5px 5px 0;
    background-color: #3d3d3d;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
}

.ico_socialize:hover {
    background-color: #5a5a5a;
}

.ico_socialize.type1 {
    width: 34px;
    height: 34px;
}

.ico_socialize.type2 {
    width: 40px;
    height: 40px;
}

.ico_socialize_facebook1 {
    background-image: url(../images/icons/ico_socialize_facebook1.png)
}

.ico_socialize_facebook2 {
    background-image: url(../images/icons/ico_socialize_facebook2.png)
}

.ico_socialize_twitter1 {
    background-image: url(../images/icons/ico_socialize_twitter1.png)
}

.ico_socialize_twitter2 {
    background-image: url(../images/icons/ico_socialize_twitter2.png)
}

.ico_socialize_twitter3 {
    background-image: url(../images/icons/ico_socialize_twitter3.png)
}

.ico_socialize_digg1 {
    background-image: url(../images/icons/ico_socialize_digg1.png)
}

.ico_socialize_digg2 {
    background-image: url(../images/icons/ico_socialize_digg2.png)
}

.ico_socialize_google1 {
    background-image: url(../images/icons/ico_socialize_google1.png)
}

.ico_socialize_google2 {
    background-image: url(../images/icons/ico_socialize_google2.png)
}

.ico_socialize_tumbler {
    background-image: url(../images/icons/ico_socialize_tumbler.png)
}

.ico_socialize_delicious {
    background-image: url(../images/icons/ico_socialize_delicious.png)
}

.ico_socialize_plixi {
    background-image: url(../images/icons/ico_socialize_plixi.png)
}

.ico_socialize_dribbble1 {
    background-image: url(../images/icons/ico_socialize_dribbble1.png)
}

.ico_socialize_dribbble2 {
    background-image: url(../images/icons/ico_socialize_dribbble2.png)
}

.ico_socialize_stubleUpon {
    background-image: url(../images/icons/ico_socialize_stubleUpon.png)
}

.ico_socialize_lastfm {
    background-image: url(../images/icons/ico_socialize_lastfm.png)
}

.ico_socialize_moby {
    background-image: url(../images/icons/ico_socialize_moby.png)
}

.ico_socialize_vimeo {
    background-image: url(../images/icons/ico_socialize_vimeo.png)
}

.ico_socialize_youtube1 {
    background-image: url(../images/icons/ico_socialize_youtube1.png)
}

.ico_socialize_youtube2 {
    background-image: url(../images/icons/ico_socialize_youtube2.png)
}

.ico_socialize_myspace {
    background-image: url(../images/icons/ico_socialize_myspace.png)
}

.ico_socialize_linkedIn {
    background-image: url(../images/icons/ico_socialize_linkedIn.png)
}

.ico_socialize_pinterest {
    background-image: url(../images/icons/ico_socialize_pinterest.png)
}

.ico_socialize_flickr {
    background-image: url(../images/icons/ico_socialize_flickr.png)
}

.ico_socialize_vk1 {
    background-image: url(../images/icons/ico_socialize_vk1.png)
}

.ico_socialize_vk2 {
    background-image: url(../images/icons/ico_socialize_vk2.png)
}

.ico_socialize_odnoklassniki {
    background-image: url(../images/icons/ico_socialize_odnoklassniki.png)
}

.ico_socialize_gowalla {
    background-image: url(../images/icons/ico_socialize_gowalla.png)
}

.ico_socialize_dropbox {
    background-image: url(../images/icons/ico_socialize_dropbox.png)
}

.ico_socialize_skype {
    background-image: url(../images/icons/ico_socialize_skype.png)
}

.ico_socialize_iChat {
    background-image: url(../images/icons/ico_socialize_iChat.png)
}

.ico_socialize_instagram {
    background-image: url(../images/icons/ico_socialize_instagram.png)
}

.ico_socialize_evernote {
    background-image: url(../images/icons/ico_socialize_evernote.png)
}

.ico_socialize_deviantart {
    background-image: url(../images/icons/ico_socialize_deviantart.png)
}

.ico_socialize_blogspot {
    background-image: url(../images/icons/ico_socialize_blogspot.png)
}

.ico_socialize_reddit {
    background-image: url(../images/icons/ico_socialize_reddit.png)
}

.ico_socialize_technorati {
    background-image: url(../images/icons/ico_socialize_technorati.png)
}

.ico_socialize_yahoo {
    background-image: url(../images/icons/ico_socialize_yahoo.png)
}

.ico_socialize_diigo {
    background-image: url(../images/icons/ico_socialize_diigo.png)
}

.ico_socialize_blinklist {
    background-image: url(../images/icons/ico_socialize_blinklist.png)
}

.ico_socialize_bing {
    background-image: url(../images/icons/ico_socialize_bing.png)
}

.ico_socialize_behnce {
    background-image: url(../images/icons/ico_socialize_behnce.png)
}

.ico_socialize_picasa {
    background-image: url(../images/icons/ico_socialize_picasa.png)
}

.ico_socialize_forrst {
    background-image: url(../images/icons/ico_socialize_forrst.png)
}

.ico_socialize_ffffound {
    background-image: url(../images/icons/ico_socialize_ffffound.png)
}

.ico_socialize_viddler {
    background-image: url(../images/icons/ico_socialize_viddler.png)
}

.ico_socialize_friendfeed {
    background-image: url(../images/icons/ico_socialize_friendfeed.png)
}

.ico_socialize_mobileMe {
    background-image: url(../images/icons/ico_socialize_mobileMe.png)
}

.ico_socialize_wordpress {
    background-image: url(../images/icons/ico_socialize_wordpress.png)
}

.ico_socialize_drupal {
    background-image: url(../images/icons/ico_socialize_drupal.png)
}

.ico_socialize_paypal {
    background-image: url(../images/icons/ico_socialize_paypal.png)
}

.ico_socialize_share {
    background-image: url(../images/icons/ico_socialize_share.png)
}

.ico_socialize_mail {
    background-image: url(../images/icons/ico_socialize_mail.png)
}

.ico_socialize_rss {
    background-image: url(../images/icons/ico_socialize_rss.png)
}

.ico_socialize_home {
    background-image: url(../images/icons/ico_socialize_home.png)
}

.ico_socialize_phone {
    background-image: url(../images/icons/ico_socialize_phone.png)
}

.ico_socialize_facebook1:hover {
    background-color: #405890;
}

.ico_socialize_facebook2:hover {
    background-color: #405890;
}

.ico_socialize_twitter1:hover {
    background-color: #00abf0;
}

.ico_socialize_twitter2:hover {
    background-color: #00abf0;
}

.ico_socialize_twitter3:hover {
    background-color: #00abf0;
}

.ico_socialize_digg1:hover {
    background-color: #1a5891;
}

.ico_socialize_digg2:hover {
    background-color: #1a5891;
}

.ico_socialize_google1:hover {
    background-color: #1022ba;
}

.ico_socialize_google2:hover {
    background-color: #cb2028;
}

.ico_socialize_tumbler:hover {
    background-color: #2f4f68;
}

.ico_socialize_delicious:hover {
    background-color: #0000fe;
}

.ico_socialize_plixi:hover {
    background-color: #06b3f2;
}

.ico_socialize_dribbble1:hover {
    background-color: #f16097;
}

.ico_socialize_dribbble2:hover {
    background-color: #f16097;
}

.ico_socialize_stubleUpon:hover {
    background-color: #52b857;
}

.ico_socialize_lastfm:hover {
    background-color: #d21309;
}

.ico_socialize_moby:hover {
    background-color: #3199cc;
}

.ico_socialize_vimeo:hover {
    background-color: #1ab7ea;
}

.ico_socialize_youtube1:hover {
    background-color: #eb0000;
}

.ico_socialize_youtube2:hover {
    background-color: #eb0000;
}

.ico_socialize_myspace:hover {
    background-color: #00349a;
}

.ico_socialize_linkedIn:hover {
    background-color: #0072a4;
}

.ico_socialize_pinterest:hover {
    background-color: #cb2028;
}

.ico_socialize_flickr:hover {
    background-color: #ff0084;
}

.ico_socialize_vk1:hover {
    background-color: #4b6e91;
}

.ico_socialize_vk2:hover {
    background-color: #4b6e91;
}

.ico_socialize_odnoklassniki:hover {
    background-color: #f48222;
}

.ico_socialize_gowalla:hover {
    background-color: #fb7809;
}

.ico_socialize_dropbox:hover {
    background-color: #0f57a3;
}

.ico_socialize_skype:hover {
    background-color: #00aff0;
}

.ico_socialize_iChat:hover {
    background-color: #2388cd;
}

.ico_socialize_instagram:hover {
    background-color: #a4765c;
}

.ico_socialize_evernote:hover {
    background-color: #87c442;
}

.ico_socialize_deviantart:hover {
    background-color: #c8da30;
}

.ico_socialize_blogspot:hover {
    background-color: #f6821f;
}

.ico_socialize_reddit:hover {
    background-color: #fe4600;
}

.ico_socialize_technorati:hover {
    background-color: #00c400;
}

.ico_socialize_yahoo:hover {
    background-color: #650f6d;
}

.ico_socialize_diigo:hover {
    background-color: #4b8dc6;
}

.ico_socialize_blinklist:hover {
    background-color: #fe6400;
}

.ico_socialize_bing:hover {
    background-color: #067ecc;
}

.ico_socialize_behnce:hover {
    background-color: #2f99d2;
}

.ico_socialize_picasa:hover {
    background-color: #b262c7;
}

.ico_socialize_forrst:hover {
    background-color: #34712b;
}

.ico_socialize_ffffound:hover {
    background-color: #f81b98;
}

.ico_socialize_viddler:hover {
    background-color: #288cda;
}

.ico_socialize_friendfeed:hover {
    background-color: #a8c9f2;
}

.ico_socialize_mobileMe:hover {
    background-color: #1574ce;
}

.ico_socialize_wordpress:hover {
    background-color: #1d5379;
}

.ico_socialize_drupal:hover {
    background-color: #0173ba;
}

.ico_socialize_paypal:hover {
    background-color: #183962;
}

.ico_socialize_share:hover {
    background-color: #1d7c3e;
}

.ico_socialize_mail:hover {
    background-color: #06b3f2;
}

.ico_socialize_rss:hover {
    background-color: #ff9000;
}

.ico_socialize_home:hover,
.ico_socialize_phone:hover {
    background-color: #a3a3a3;
}

ul.module_highlights {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: #e6e6e6 1px solid;
}

.module_highlights li {
    border-bottom: #e6e6e6 1px solid;
    line-height: 16px !important;
    font-size: 11px !important;
    padding: 6px 0 !important;
    color: #2c2c2c;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.module_highlights li:before {
    content: '' !important;
    padding: 0 !important;
    margin: 0 !important;
}

.module_highlights li:hover {
    cursor: pointer;
    font-weight: bold;
}

/*-- Price Table --*/
.module_price_table .price_item {
    padding: 16px 0 0 0;
    float: left;
}

.module_price_table .price_item.most_popular {
    padding: 0px;
}

.module_price_table .price_item.most_popular .price_item_wrapper {
    border-color: #3d3d3d !important;
}

.module_price_table .price_item .price_item_wrapper {
    margin: 0 0 0 1px;
    border-top: 6px solid;
}

.module_price_table .price_item:first-child .price_item_wrapper {
    margin: 0 0 0 0px !important;
}

.price_item .price_item_title {
    display: block;
}

.price_item .price_item_title h2 {
    color: #ececec;
    background: #3d3d3d;
    padding: 10px 10px;
    text-align: center;
    margin-bottom: 0;
    font-size: 26px;
    line-height: 38px;
    text-transform: none;
    font-weight: bold !important;
}

.price_item .price_item_cost {
    padding: 21px 0 9px 0;
    background: #f3f3f3;
    margin: 1px 0;
    transition: background 300ms;
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -o-transition: background 300ms;
}

.module_price_table .price_item:hover .price_item_cost {
    background: #ffffff;
}

.price_item .price_item_cost h1 {
    color: #3d3d3d;
    text-align: center;
    margin: 0;
    font-size: 60px;
    line-height: 62px;
    font-weight: bold;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.price_item .price_item_cost h1 span {
    margin: 0;
    text-transform: none;
    font-size: 22px;
    line-height: 62px;
    font-weight: normal !important;
    color: #3d3d3d;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
}

.price_item .price_item_text {
    background: #ececec;
    color: #3d3d3d;
    padding: 11px 10px;
    text-align: center;
    margin-bottom: 1px;
    font-size: 13px;
    line-height: 18px;
}

.price_item .price_item_text a {
    color: #3d3d3d;
}

.price_item .price_item_btn a {
    margin: 0;
    padding: 0 20px;
    text-align: center;
    height: 48px;
    font-size: 20px;
    line-height: 48px;
    display: block;
    font-weight: bold;
    text-decoration: none !important;
    border: none;
    color: #ececec;
    float: none;
    background: #3d3d3d;
    overflow: hidden;
    transition: color 300ms, background-color 300ms;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
}

.price_item .price_item_btn a:hover {
    color: #3d3d3d;
}

.price_item.most_popular .price_item_title {
    padding: 0px 0 0px 0;
}

.price_item.most_popular .price_item_title h2 {
    color: #3d3d3d;
    padding: 15px 10px;
    margin: 0;
    font-size: 28px;
}

.price_item.most_popular .price_item_cost {
    background: #ffffff;
    padding-bottom: 15px;
}

.price_item.most_popular .price_item_cost h1 {
    font-size: 70px;
}

.price_item.most_popular .price_item_cost h1 span {
    font-size: 28px;
}

.price_item.most_popular .price_item_text {
    background: #f3f3f3;
    color: #3d3d3d;
    margin-top: 0px;
    margin-bottom: 1px;
    padding: 13px 0;
}

.price_item.most_popular .price_item_btn a {
    color: #3d3d3d;
}

.price_item.most_popular .price_item_btn a:hover {
    background: #3d3d3d;
    color: #ececec;
}

.price_item.most_popular .price_item_btn a:hover {
    color: #ffffff;
}

.price_item.most_popular .price_item_title h2 {
    background: none;
}

.price_item.most_popular:hover .price_item_btn a {
    background: #3d3d3d;
    color: #ececec;
}

.price_item.most_popular .price_item_btn a:hover {
    color: #3d3d3d !important;
}

/*-- IconBox --*/
.module_iconboxes .iconbox_wrapper {
    border: #e6e6e6 1px solid;
    padding: 9px;
    color: #2c2c2c;
    min-height: 70px !important;
    transition: border-color 300ms, color 300ms, background-color 300ms;
    -webkit-transition: border-color 300ms, color 300ms, background-color 300ms;
    -moz-transition: border-color 300ms, color 300ms, background-color 300ms;
    -o-transition: border-color 300ms, color 300ms, background-color 300ms;
}

.module_iconboxes .iconbox_wrapper .ico {
    width: 50px;
    padding: 0 0 0 20px;
    height: 70px;
    line-height: 70px;
    text-align: left;
    font-size: 30px;
    display: inline-block;
    float: left;
    margin: 0 11px 11px 0;
    background: #c7c7c7;
    color: #ffffff;
    transition: color 300ms, background-color 300ms;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
}

.module_iconboxes .iconbox_wrapper:hover {
    background: #2c2c2c;
    border-color: #2c2c2c;
    color: #e6e6e6;

}

.module_iconboxes .iconbox_wrapper h5 {
    margin: 0 0 6px 0 !important;
    color: #2c2c2c;
}

.module_iconboxes .iconbox_wrapper:hover h5 {
    color: #e6e6e6;
}

.module_iconboxes .iconbox_wrapper:hover .ico {
    color: #ffffff;
}

/*-- Camera Slider --*/
.camera_slider {
    width: 100%;
    margin: 0 0px 20px 0px;
    display: block;
    overflow: hidden;
    position: relative;
    /*height:223px!important*/
}

/*Gallery
----------*/

/*Wrappers
-----------*/

/*Misc
-------*/
.module_cont {
    margin-bottom: 40px !important;
}

.module_cont:after {
    content: '';
    clear: both;
    display: block;
}

.module_cont.margin0 {
    margin-bottom: 0px !important;
}

.module_cont.margin10 {
    margin-bottom: 10px !important;
}

.btn2top:hover {
    background-color: #5a5a5a;
}

/*LandingLogo*/
.landing_logo {
}

.landing_logo img {
}

.landing_logo.hided {
}

.landing_enter {
}

.landing_enter img {
}

.landing_enter:hover img {
}

.landing_enter.hided {
}

/*ChromeFix*/

.grey_img {
    /*	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(greyScale.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);*/
}

/*Backgrounded Layout*/
.custom_bg_cont {
    background: #1e1e1e;
    position: fixed;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.custom_bg_cont.bg_pic {
    background-image: url(../images/bg_user.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/*HTML only*/
.module_10px {
    margin-bottom: 10px !important;
}

.module_30px {
    margin-bottom: 30px !important;
}

.title {
}


.oneByOne1 {
    position: relative !important;
}

.OneByOne_container {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 500ms;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
}

.oneByOne1 .OneByOne_container {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.logo2_retina, .logo_retina {
    display: none !important;
}

.columns1 .portfolio_dscr a:hover {
    color: #5a5a5a;
}

.columns1 .portfolio_dscr h5 a {
    color: #5a5a5a !important;
}

/*Misc*/
.clear {
    clear: both;
}

p.blog_intro {
    padding-bottom: 16px;
    margin: 0;
    border-bottom: #e3e3e3 1px solid;
}

/*Layout Styles*/

div.user_bg_image {
    background-attachment: fixed;
    background-size: cover;
}

div.user_bg_image,
div.user_bg_layout {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: fixed;
    left: 0;
    top: 0;
    display: block;
}

.user_bg_layout header,
.user_img_layout header {
    width: 1230px;
    margin: 0 auto;
}

.user_bg_layout .content_wrapper,
.user_img_layout .content_wrapper {
    width: 1230px;
    margin: 0 auto;
    background-color: #ffffff;
}

.user_bg_layout .pre_footer,
.user_img_layout .pre_footer {
    width: 1230px;
    margin: 0 auto;
}

.user_bg_layout footer,
.user_img_layout footer {
    width: 1230px;
    margin: 0 auto;
}

/* Nivo Slider */

/*Layer1*/
.oneByOne_item {
    position: absolute !important;
}

.oneByOne_item img,
.oneByOne_item form {
    display: none;
}

.slider_type1 {
    overflow: hidden;
}

.slider_type1 .ls1_txt1 {
    position: absolute;
    top: 43px;
    left: 50%;
    margin-left: -522px;
}

.slider_type1 .ls1_txt2 {
    position: absolute;
    bottom: 165px;
    left: 50%;
    margin-left: -268px;
}

.slider_type1 .ls1_txt3 {
    position: absolute;
    bottom: 165px;
    left: 50%;
    margin-left: -522px;
}

.slider_type1 .ls1_txt4 {
    position: absolute;
    bottom: 101px;
    left: 50%;
    margin-left: -480px;
}

.slider_type1 .ls1_txt5 {
    position: absolute;
    bottom: 101px;
    left: 50%;
    margin-left: -267px;
}

.slider_type1 .ls1_txt6 {
    position: absolute;
    bottom: 31px;
    left: 50%;
    margin-left: -237px;
}

.slider_type1 .ls1_txt7 {
    position: absolute;
    bottom: 31px;
    left: 50%;
    margin-left: -522px;
}

.slider_type1 .ls2_txt1 {
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -556px;
}

.slider_type1 .ls2_txt2 {
    position: absolute;
    bottom: 37px;
    left: 50%;
    margin-left: -278px;
}

.slider_type1 .ls2_txt3 {
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: 77px;
}

.slider_type1 .ls2_txt4 {
    position: absolute;
    bottom: 21px;
    left: 50%;
    margin-left: 308px;
}

.slider_type1 .ls2_txt5 {
    position: absolute;
    bottom: 31px;
    left: 50%;
    margin-left: 496px;
}

.slider_type1 .ls2_txt6 {
    position: absolute;
    bottom: 181px;
    left: 50%;
    margin-left: -392px;
}

.slider_type1 .ls2_txt7 {
    position: absolute;
    top: 94px;
    left: 50%;
    margin-left: -556px;
}

.slider_type1 .ls2_txt8 {
    position: absolute;
    top: 88px;
    left: 50%;
    margin-left: 238px;
}

.slider_type1 .ls2_txt9 {
    position: absolute;
    top: 170px;
    left: 50%;
    margin-left: 354px;
}

.slider_type1 .ls3_txt1 {
    position: absolute;
    bottom: 55px;
    left: 50%;
    margin-left: -555px;
}

.slider_type1 .ls3_txt2 {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -231px;
}

.slider_type1 .ls4_txt1 {
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -576px;
}

.slider_type1 .ls4_frame {
    position: absolute;
    top: 64px;
    left: 50%;
    margin-left: -481px;
    width: 585px;
    height: 365px;
}

.slider_type1 .ls4_txt2 {
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: 130px;
}

.slider_type1 .ls4_txt3 {
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left: 222px;
}

.slider_type1 .ls4_txt4 {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: 373px;
}

.slider_type1 form.subscribe {
    position: absolute;
    top: 194px;
    left: 50%;
    margin-left: 164px;
    width: 395px;
}

.slider_type1 form.subscribe p {
    color: #232323;
    font-size: 15px;
    margin-bottom: 10px;
}

.slider_type1 form.subscribe .inline {
    display: inline-block;
    float: left;
    height: 36px;
    margin-right: 3px;
}

.slider_type1 form.subscribe .subscribe_field {
    padding: 8px 14px;
    width: 250px;
    background: #282828;
    color: #8b8b8b;
    line-height: 20px;
    height: 20px;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.slider_type1 form.subscribe .btn_subscribe {
    padding: 0px 10px;
    cursor: pointer;
    width: 110px;
    background: #282828;
    color: #8b8b8b;
    line-height: 36px;
    height: 36px;
    background-color: #282828;
    color: #ffffff;
    font-size: 13px;
    border: none !important;
}

.slider_type1 .ls5_txt1 {
    position: absolute;
    top: 83px;
    left: 50%;
    margin-left: -359px;
}

.slider_type1 .ls5_txt2 {
    position: absolute;
    top: 225px;
    left: 50%;
    margin-left: -209px;
}

.slider_type1 .ls5_txt3 {
    position: absolute;
    top: 296px;
    left: 50%;
    margin-left: -157px;
}

/*Layer2*/
.fullscreen_slider .ls1_txt1 {
    position: absolute;
    top: 43px;
    left: 50%;
    margin-left: -584px;
}

.fullscreen_slider .ls1_txt2 {
    position: absolute;
    top: 189px;
    left: 50%;
    margin-left: -330px;
}

.fullscreen_slider .ls1_txt3 {
    position: absolute;
    top: 255px;
    left: 50%;
    margin-left: -584px;
}

.fullscreen_slider .ls1_txt4 {
    position: absolute;
    top: 319px;
    left: 50%;
    margin-left: -541px;
}

.fullscreen_slider .ls1_txt5 {
    position: absolute;
    top: 319px;
    left: 50%;
    margin-left: -329px;
}

.fullscreen_slider .ls1_txt6 {
    position: absolute;
    top: 383px;
    left: 50%;
    margin-left: -299px;
}

.fullscreen_slider .ls1_txt7 {
    position: absolute;
    top: 383px;
    left: 50%;
    margin-left: -584px;
}

.fullscreen_slider .ls2_txt1 {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -586px;
}

.fullscreen_slider .ls2_txt2 {
    position: absolute;
    bottom: 52px;
    left: 50%;
    margin-left: -248px;
}

.fullscreen_slider .ls2_txt3 {
    position: absolute;
    bottom: 39px;
    left: 50%;
    margin-left: 107px;
}

.fullscreen_slider .ls2_txt4 {
    position: absolute;
    bottom: 36px;
    left: 50%;
    margin-left: 338px;
}

.fullscreen_slider .ls2_txt5 {
    position: absolute;
    bottom: 46px;
    left: 50%;
    margin-left: 526px;
}

.fullscreen_slider .ls2_txt6 {
    position: absolute;
    bottom: 196px;
    left: 50%;
    margin-left: -422px;
}

.fullscreen_slider .ls2_txt7 {
    position: absolute;
    top: 94px;
    left: 50%;
    margin-left: -586px;
}

.fullscreen_slider .ls2_txt8 {
    position: absolute;
    top: 98px;
    left: 50%;
    margin-left: 268px;
}

.fullscreen_slider .ls2_txt9 {
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: 384px;
}

.fullscreen_slider .ls3_txt1 {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -550px;
}

.fullscreen_slider .ls3_txt2 {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -215px;
}

.fullscreen_slider .ls4_txt1 {
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -586px;
}

.fullscreen_slider .ls4_frame {
    position: absolute;
    top: 64px;
    left: 50%;
    margin-left: -491px;
    width: 585px;
    height: 365px;
}

.fullscreen_slider .ls4_txt2 {
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: 155px;
}

.fullscreen_slider .ls4_txt3 {
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left: 288px;
}

.fullscreen_slider .ls4_txt4 {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: 439px;
}

.fullscreen_slider form.subscribe {
    position: absolute;
    top: 194px;
    left: 50%;
    margin-left: 194px;
    width: 395px;
}

.fullscreen_slider form.subscribe p {
    color: #232323;
    font-size: 15px;
    margin-bottom: 10px;
}

.fullscreen_slider form.subscribe .inline {
    display: inline-block;
    float: left;
    height: 36px;
    margin-right: 3px;
}

.fullscreen_slider form.subscribe .subscribe_field {
    padding: 8px 14px;
    width: 250px;
    background: #282828;
    color: #8b8b8b;
    line-height: 20px;
    height: 20px;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.fullscreen_slider form.subscribe .btn_subscribe {
    padding: 0px 10px;
    cursor: pointer;
    width: 110px;
    background: #282828;
    color: #8b8b8b;
    line-height: 36px;
    height: 36px;
    background-color: #282828;
    color: #ffffff;
    font-size: 13px;
    border: none !important;
}

.fullscreen_slider .ls5_txt1 {
    position: absolute;
    top: 83px;
    left: 50%;
    margin-left: -359px;
}

.fullscreen_slider .ls5_txt2 {
    position: absolute;
    top: 225px;
    left: 50%;
    margin-left: -209px;
}

.fullscreen_slider .ls5_txt3 {
    position: absolute;
    top: 296px;
    left: 50%;
    margin-left: -157px;
}

/*Layer Slider*/
.fullscreen_slider .ls_bg1,
.slider_type1 .ls_bg1 {
    background: url(../images/slider/bg_layer_slide1.jpg) no-repeat center;
    background-size: cover;
}

.fullscreen_slider .ls_bg2,
.slider_type1 .ls_bg2 {
    background: url(../images/slider/bg_layer_slide2.jpg) no-repeat center;
    background-size: cover;
}

.fullscreen_slider .ls_bg3,
.slider_type1 .ls_bg3 {
    background: url(../images/slider/bg_layer_slide3.jpg) no-repeat center;
    background-size: cover;
}

.fullscreen_slider .ls_bg4,
.slider_type1 .ls_bg4 {
    background: url(../images/slider/bg_layer_slide4.jpg) no-repeat center;
    background-size: cover;
}

.fullscreen_slider .ls_bg5,
.slider_type1 .ls_bg5 {
    background: url(../images/slider/bg_layer_slide5.jpg) no-repeat center;
    background-size: cover;
}

.fullscreen_slider .ls_bg1,
.fullscreen_slider .ls_bg2,
.fullscreen_slider .ls_bg3,
.fullscreen_slider .ls_bg4,
.fullscreen_slider .ls_bg5 {
    background-size: cover !important;
}

.fullscreen_slider .ls-layer {
    width: 100%;
}

.module_layer_slider .module_content {
    width: 100%;
    height: 500px;
}

.module_layer_slider .OneByOne_container {
    position: absolute;
    width: 100%;
    height: 500px;
}

.module_layer_slider .oneByOne_item {
    width: 100%;
    height: 500px;
}

@media screen and ( -webkit-min-device-pixel-ratio: 0 ) {
    .fl-container .feedback_reset,
    .fl-container .feedback_go,
    .fl-container .comment_reset,
    .fl-container .send_comment,
    .contentarea .feedback_reset,
    .contentarea .feedback_go,
    .contentarea .comment_reset,
    .contentarea .send_comment {
        padding-top: 10px !important;
        -webkit-appearance: none !important;
        -webkit-border-radius: 0 !important
    }

    .field-message,
    #commentform textarea {
        margin-bottom: 3px !important;
    }

    .arrowButton .prevArrow {
        left: -1px !important;
    }
}

/* *** fonts.css *** */
/*All Font Families*/
@font-face {
    font-family: 'CoreIconsRegular';
    src: url('fonts/coreicons-webfont.eot');
    src: url('fonts/coreicons-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/coreicons-webfont.woff') format('woff'),
    url('fonts/coreicons-webfont.ttf') format('truetype'),
    url('fonts/coreicons-webfont.svg#coreiconsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
    /*font-family:HelveticaNeue,"Helvetica Neue",Arial,Helvetica,sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.demo_panel .panel_title,
header nav ul.menu li a,
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.shortcode_promoblock .promo_button,
.widget_nav_menu .menu-item a,
.dropcap,
.shortcode_accordion_item_title,
.shortcode_toggles_item_title,
.team_slider ul li .op,
.pagerblock li a,
.feedback_form .field-name,
.feedback_form .field-email,
.feedback_form .field-subject,
.feedback_form .field-message,
#commentform .form_field,
.module_highlighter .highlighter_item a,
.shortcode_tab_item_title,
.shortcode_message_box,
.price_item .price_item_title h2,
.price_item .price_item_btn a,
.price_item.most_popular .price_item_cost h1,
.price_item.most_popular .price_item_cost h1 span,
.shortcode_button,
.filter_navigation ul li ul li a,
.load_more_cont,
.columns2 .filter_img .portfolio_dscr .wrap_padding,
.columns3 .filter_img .portfolio_dscr .wrap_padding,
.columns4 .filter_img .portfolio_dscr .wrap_padding,
btn_back,
.slider_type1 form.subscribe .btn_subscribe {
    font-family: 'Oxygen', sans-serif;
}

.shortcode_iconbox .ico {
    font-family: 'CoreIconsRegular';
}

header .slogan span,
.price_item .price_item_text,
.price_item .price_item_text a {
    font-family: 'Open Sans', sans-serif;
}

/* *** prettyPhoto.css *** */

div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
    height: 13px
}

div.pp_default .pp_top .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}

div.pp_default .pp_top .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x
}

div.pp_default .pp_top .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_next:hover {
    background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    height: 28px;
    width: 28px
}

div.pp_default .pp_expand:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer
}

div.pp_default .pp_contract {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    height: 28px;
    width: 28px
}

div.pp_default .pp_contract:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer
}

div.pp_default .pp_close {
    background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer;
    height: 30px;
    width: 30px
}

div.pp_default .pp_gallery ul li a {
    background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_social {
    margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
    left: auto;
    position: static
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0;
    width: 20px
}

div.pp_default a.pp_arrow_next {
    background-position: -82px -3px;
    left: 52px
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    position: relative;
    width: 110px
}

div.pp_default .pp_nav .currentTextHolder {
    color: #999;
    font-family: Georgia;
    font-size: 11px;
    font-style: italic;
    left: 75px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 2px
}

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_close {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 75px
}

div.light_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}

div.dark_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_close {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 75px
}

div.dark_rounded .pp_description {
    color: #fff;
    margin-right: 85px
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
    background: #000
}

div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0
}

div.dark_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_close {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 75px
}

div.dark_square .pp_nav {
    clear: none
}

div.dark_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_next:hover {
    background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_expand {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_close {
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 75px
}

div.light_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_next {
    background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_next:hover {
    background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_top .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_expand {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_expand:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_close {
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 22px
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook .pp_loaderIcon {
    background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default
}

div.facebook .pp_arrow_next {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default
}

div.facebook .pp_nav {
    margin-top: 0
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px
}

div.facebook .pp_nav .pp_play {
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_next:hover {
    background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

.pp_content_container .pp_left {
    padding-left: 20px
}

.pp_content_container .pp_right {
    padding-right: 20px
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    overflow: hidden;
    width: 55px
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap
}

.pp_nav .pp_play, .pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
    margin-top: 7px !important
}

a.pp_next {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    display: block;
    line-height: 22px;
    position: absolute;
    right: 0;
    text-indent: -10000px;
    top: 0
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

#pp_full_res {
    line-height: 1 !important
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999
}

div.pp_default .pp_content, div.light_rounded .pp_content {
    background-color: #fff
}

div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
    border-color: #fff
}

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
    position: relative
}

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
    background: #fff
}

div.light_rounded .pp_description, div.light_square .pp_description {
    margin-right: 85px
}

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

.pp_top, .pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_top, * html .pp_bottom {
    padding: 0 20px
}

.pp_top .pp_left, .pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle, .pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right, .pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_fade, .pp_gallery li.default a img {
    display: none
}


/* prettyPhoto styling for small screens */
@media only screen and (max-width: 767px) {
    .pp_pic_holder.pp_default {
        width: 100% !important;
        left: 0 !important;
        overflow: hidden;
    }

    div.pp_default .pp_content_container .pp_left {
        padding-left: 0 !important;
    }

    div.pp_default .pp_content_container .pp_right {
        padding-right: 0 !important;
    }

    .pp_content {
        width: 100% !important;
        height: auto !important;
    }

    .pp_fade {
        width: 100% !important;
        height: 100% !important;
    }

    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
        display: none !important;
    }

    #pp_full_res img {
        width: 100% !important;
        height: auto !important;
    }

    .pp_details {
        width: 94% !important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px !important;
    }

    a.pp_close {
        right: 10px !important;
        top: 10px !important;
    }

    div.pp_default div .pp_content {
        min-height: 50px;
    }
}

/* *** tipsy.css *** */
.tipsy {
    font-size: 9px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    background-color: #3d3d3d;
    max-width: 200px;
    padding: 5px 8px 7px 8px;
    text-align: center;
    font-size: 13px;
    text-transform: none;
    line-height: 13px
}

/* Rounded corners */
.tipsy-inner { /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; */
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
    border-bottom-color: #3d3d3d;
}

.tipsy-arrow-s {
    border-top-color: #3d3d3d;
}

.tipsy-arrow-s .tipsy-inner {
    color: #3d3d3d;
}

.tipsy-arrow-e {
    border-left-color: #3d3d3d;
}

.tipsy-arrow-w {
    border-right-color: #3d3d3d;
}

.tipsy-e {
    margin-left: -10px
}

.tipsy-w {
    margin-left: 10px
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-s {
    margin-top: -3px
}

.tipsy-n {
    margin-top: 7px
}

/* *** portfolio_isotope.css *** */
/*All Resolutions
=================*/
.filter_img {
    overflow: hidden;
}

.portfolio_block {
    margin-bottom: 0 !important
}

.filter_navigation {
    position: relative;
    overflow: hidden;
    min-height: 52px;
    margin-bottom: 30px;
}

.filter_navigation ul,
.filter_navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.filter_navigation ul li {
    padding: 0;
}

.filter_navigation ul li ul {
    border-bottom: #ececec 6px solid;
    overflow: hidden;
}

.filter_navigation ul li:before,
.filter_navigation ul li ul li:before {
    display: none;
    padding: 0;
    margin: 0;
}

.filter_navigation ul li ul li {
    display: inline-block;
    float: left;
    margin: 0 3px 0 0;
}

.filter_navigation ul li ul li a {
    padding: 10px 18px;
    line-height: 20px;
    font-size: 16px;
    background: #f3f3f3;
    color: #ababab;
    display: block;
    border-top: #ffffff 6px solid;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
}

.filter_navigation ul li ul li.selected a {
    background-color: #ececec;
    color: #3d3d3d;
}

.filter_navigation ul li ul li.selected a:hover {
    color: #3d3d3d !important;
}

.image-grid .element {
    background: none;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 30px;
}

.filter_img {
    position: relative;
}

.filter_img img {
    display: block;
    width: 100%;
    height: auto;
}

.columns1 .filter_img {
    background: #3d3d3d;
}

.columns1 .element {
    width: 100%;
    margin-left: 0;
    min-height: 400px;
}

.columns1 h4 a {
    color: #3d3d3d;
    text-decoration: none !important;
    font-style: normal !important;
}

.columns1 h4 {
    margin-top: -5px;
}

.portfolio_dscr a {
    font-style: italic;
    color: #ababab;
}

.portfolio_dscr a:hover {
    color: #3d3d3d !important;
}

/*Widths*/
.columns1 {
    margin: 0 0 0 0px !important;
    width: 1170px;
}

.columns2,
.columns3,
.columns4 {
    margin: 0 0 0 -30px !important;
    width: 1200px;
}

.columns2 .element {
    width: 570px;
    margin: 0 0 30px 30px;
    min-height: 400px;
    float: left;
    display: inline-block;
}

.columns2 .element img {
    display: block;
}

.columns3 .element {
    width: 370px;
    margin-left: 30px;
    min-height: 260px;
}

.columns4 .element {
    width: 270px;
    margin-left: 30px;
    min-height: 189px;
}

.filter_navigation {
    overflow: hidden
}

/*Wrapper & Hover*/
.filter_img {
    position: relative;
}

.filter_img .portfolio_wrapper {
    display: block;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    text-align: center;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.portfolio_content {
    width: 100%;
    display: block;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0;
    text-align: center;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.filter_img:hover .portfolio_wrapper {
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.filter_img img {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.filter_img,
.filter_img a {
    background: #3d3d3d !important;
}

.filter_img:hover img {
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.filter_img .portfolio_content {
    line-height: 20px;
}

.filter_img .portfolio_content h5 {
    color: #ffffff;
    margin: 2px 5px 15px 5px;
    font-size: 19px;
    line-height: 22px;
}

.columns4 .filter_img .portfolio_content h5 {
    font-size: 15px;
    line-height: 18px;
}

.columns-grid .filter_img .portfolio_content h5 {
    font-size: 32px !important;
    line-height: 34px !important;
    margin: 0 0 8px 0 !important;
}

.filter_img .portfolio_content p {
    color: #ffffff;
    margin: 0 0 10px 0;
    padding: 0 15px;
    text-align: center;
}

.filter_img .portfolio_content .ico_block,
.filter_img .portfolio_content .more_block {
    padding: 0 10px;
}

.filter_img .portfolio_content .ico_block a,
.filter_img .portfolio_content .more_block a {
    color: #ffffff;
}

.filter_img .portfolio_content .ico_block .ico {
    width: 25px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    display: inline-block;
}


/*-- Grid Portfolio --*/
.gallery_block {
    position: relative;
    padding: 5px 0 0 0;
}

.columns-grid {
    list-style: none;
    margin: 0;
    margin: 0px 0 0 5px !important;
}

.columns-grid .element {
    height: auto;
    display: inline-block;
    float: left;
    margin: 0px !important;
    padding: 0px !important;
    border-right: #ffffff 5px solid;
    border-bottom: #ffffff 5px solid;
}

.columns-grid .element img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

.grid_img_wrapper {
    position: relative;
    width: 100%;
}

.grid_img_wrapper .grid_overlay {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.grid_img_wrapper:hover .grid_overlay {
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.gallery_block .load_more_grid {
    position: absolute;
    bottom: 5px;
    display: block;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    z-index: 99;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.gallery_block .load_more_grid a {
    text-decoration: none;
}

.gallery_block .load_more_grid img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    margin: -15px 0 0 -17px;
    display: block;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    margin: -37px 0 0 -17px;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.gallery_block .load_more_grid span {
    line-height: 100%;
    text-align: center;
    font-size: 38px;
    line-height: 40px;
    color: #202020;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 50%;
    display: block;
    margin: 5px 0 0 0;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.gallery_block .load_more_grid:hover img,
.gallery_block .load_more_grid:hover span {
    text-decoration: none;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ico_link, .ico_link img,
.ico_link div, .ico_link canvas {
    border: none !important;
    display: block !important;
    text-decoration: none !important;
    outline: none !important;
    background-color: #ffffff !important;
}

.portfolio_block .filter_img .post_type {
    width: 40px;
    height: 40px;
    display: block;
    top: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.columns1 .filter_img .post_type {
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
}

.columns2 .filter_img .post_type,
.columns3 .filter_img .post_type,
.columns4 .filter_img .post_type {
    top: 50%;
    left: 50%;
    margin: -43px 0 0 -20px;
}

.filter_img:hover .post_type {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.portfolio_block .filter_img .post_type_image {
    background-image: url(../images/icons/post_type-image.png);
}

.portfolio_block .filter_img .post_type_slider {
    background-image: url(../images/icons/post_type-slider.png);
}

.portfolio_block .filter_img .post_type_text {
    background-image: url(../images/icons/post_type-text.png);
}

.portfolio_block .filter_img .post_type_link {
    background-image: url(../images/icons/post_type-link.png);
}

.portfolio_block .filter_img .post_type_video {
    background-image: url(../images/icons/post_type-video.png);
}

.portfolio_block .filter_img hr {
    border: none !important;
    height: 6px !important;
    width: 100% !important;
    display: block !important;
    position: absolute !important;
    bottom: 0px !important;
    left: 0px !important;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
}

.portfolio_block .filter_img:hover hr {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.filter_img:hover .portfolio_line {
    bottom: 0px;
}

.columns2 .portfolio_dscr .post_type,
.columns3 .portfolio_dscr .post_type,
.columns4 .portfolio_dscr .post_type {
    top: -36px;
}

.columns2 .filter_img .portfolio_dscr,
.columns3 .filter_img .portfolio_dscr,
.columns4 .filter_img .portfolio_dscr {
    position: absolute;
    left: 0;
    bottom: -500px;
    background: #3d3d3d;
    width: 100%;
    padding: 10px 0px;
    border-bottom: solid 6px;
    text-align: center;
    transition: bottom 300ms;
    -webkit-transition: bottom 300ms;
    -moz-transition: bottom 300ms;
    -o-transition: bottom 300ms;
}

.columns2 .filter_img .portfolio_dscr .wrap_padding,
.columns3 .filter_img .portfolio_dscr .wrap_padding,
.columns4 .filter_img .portfolio_dscr .wrap_padding {
    padding: 0 10px;
    font-size: 16px;
    line-height: 20px;
}

.columns2 .filter_img:hover .portfolio_dscr,
.columns3 .filter_img:hover .portfolio_dscr,
.columns4 .filter_img:hover .portfolio_dscr {
    bottom: 0px !important;
}

.btn_load_more {
    background: #3d3d3d;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #ececec;
    display: block;
    text-align: center;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}

.btn_load_more:hover {
    color: #3d3d3d !important;
}

/* *** nivo-slider.css *** */

/* The Nivo Slider styles */
.nivoSlider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
}

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}

.nivo-box img {
    display: block;
}

/* Caption styles */
.nivo-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #000;
    color: #fff;
    width: 100%;
    z-index: 8;
    padding: 5px 10px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter: alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.nivo-caption p {
    padding: 5px;
    margin: 0;
}

.nivo-caption a {
    display: inline !important;
}

.nivo-html-caption {
    display: none;
}

/* Direction nav styles   */
.nivo-directionNav a {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 99;
    display: block;
    cursor: pointer;
    background: no-repeat 0 0;
    background-color: #3d3d3d !important;
    text-indent: -9999px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: background-color 300ms, opacity 300ms;
    -webkit-transition: background-color 300ms, opacity 300ms;
    -moz-transition: background-color 300ms, opacity 300ms;
    -o-transition: background-color 300ms, opacity 300ms;
}

.nivoSlider:hover .nivo-directionNav a {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.nivo-directionNav a:hover {
    background-position: 0 -51px;
}

.nivo-prevNav {
    background-image: url(../images/slider_prev.png) !important;
    left: 0px;
}

.nivo-nextNav {
    background-image: url(../images/slider_next.png) !important;
    right: 0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align: center;
    padding: 15px 0;
}

.nivo-controlNav a {
    cursor: pointer;
}

.nivo-controlNav a.active {
    font-weight: bold;
}

/*CustomCSS*/
.nivo-controlNav {
    display: none !important;
}


/* *** jquery.onebyone.css *** */

.buttonArea {
    float: left;
    left: 50%;
    position: relative;
    top: 100%;
    margin-top: -32px;
}

.buttonCon {
    float: left;
    left: -50%;
    position: relative;
    display: none !important;
}

.buttonCon .theButton {
    display: block;
    color: #B22222;
    width: 20px;
    height: 22px;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left;
}

.buttonArea a.active {
    background-position: 0 -22px;
}

.arrowButton {
    cursor: pointer;
}

.arrowButton .prevArrow,
.arrowButton .nextArrow {
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    top: 50% !important;
    margin-top: -25px !important;
    background-color: #3d3d3d;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
}

.arrowButton .prevArrow:hover,
.arrowButton .nextArrow:hover {
    background-position: 0 -51px;
}

.arrowButton .prevArrow {
    background-image: url(../images/slider_prev.png);
    left: 0px;
}

.arrowButton .nextArrow {
    background-image: url(../images/slider_next.png);
    right: 0px;
}

.animate0 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: 0s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate1 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate2 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: .4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .4s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .4s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .4s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate3 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: .6s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .6s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .6s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .6s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate4 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .8s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .8s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate5 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: 1s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate6 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: 1.2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: 1.2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate7 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: 1.4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: 1.4s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: 1.4s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: 1.4s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.buttonArea {
    display: none !important;
}


/* *** animate.css *** */

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -o-transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-30px);
    }
    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }
    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }
    10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
    }
    20% {
        -webkit-transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg);
    }
    40% {
        -moz-transform: rotate(-10deg);
    }
    60% {
        -moz-transform: rotate(5deg);
    }
    80% {
        -moz-transform: rotate(-5deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg);
    }
    40% {
        -o-transform: rotate(-10deg);
    }
    60% {
        -o-transform: rotate(5deg);
    }
    80% {
        -o-transform: rotate(-5deg);
    }
    100% {
        -o-transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%);
    }
    15% {
        -moz-transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -moz-transform: translateX(20%) rotate(3deg);
    }
    45% {
        -moz-transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -moz-transform: translateX(10%) rotate(2deg);
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -moz-transform: translateX(0%);
    }
}

@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%);
    }
    15% {
        -o-transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -o-transform: translateX(20%) rotate(3deg);
    }
    45% {
        -o-transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -o-transform: translateX(10%) rotate(2deg);
    }
    75% {
        -o-transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -o-transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }
    15% {
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.1);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }
    50% {
        -o-transform: scale(1.1);
    }
    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out;
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out;
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out;
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out;
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

.flip {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }

    80% {
        -moz-transform: translateY(10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }

    80% {
        -o-transform: translateY(10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }

    80% {
        -moz-transform: translateY(-10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(30px);
    }

    80% {
        -o-transform: translateY(-10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }

    80% {
        -moz-transform: translateX(-10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(30px);
    }

    80% {
        -o-transform: translateX(-10px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }

    80% {
        -moz-transform: translateX(10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(-30px);
    }

    80% {
        -o-transform: translateX(10px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1);
    }

    25% {
        -o-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -o-transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -transform-origin: left bottom;
        -transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0;
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0;
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
    }
    10% {
        -webkit-transform: skewX(-8deg);
    }
    20% {
        -webkit-transform: skewX(7deg);
    }
    30% {
        -webkit-transform: skewX(-6deg);
    }
    40% {
        -webkit-transform: skewX(5deg);
    }
    50% {
        -webkit-transform: skewX(-4deg);
    }
    60% {
        -webkit-transform: skewX(3deg);
    }
    70% {
        -webkit-transform: skewX(-2deg);
    }
    80% {
        -webkit-transform: skewX(1deg);
    }
    90% {
        -webkit-transform: skewX(0deg);
    }
    100% {
        -webkit-transform: skewX(0deg);
    }
}

@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg);
    }
    10% {
        -moz-transform: skewX(-8deg);
    }
    20% {
        -moz-transform: skewX(7deg);
    }
    30% {
        -moz-transform: skewX(-6deg);
    }
    40% {
        -moz-transform: skewX(5deg);
    }
    50% {
        -moz-transform: skewX(-4deg);
    }
    60% {
        -moz-transform: skewX(3deg);
    }
    70% {
        -moz-transform: skewX(-2deg);
    }
    80% {
        -moz-transform: skewX(1deg);
    }
    90% {
        -moz-transform: skewX(0deg);
    }
    100% {
        -moz-transform: skewX(0deg);
    }
}

@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg);
    }
    10% {
        -o-transform: skewX(-8deg);
    }
    20% {
        -o-transform: skewX(7deg);
    }
    30% {
        -o-transform: skewX(-6deg);
    }
    40% {
        -o-transform: skewX(5deg);
    }
    50% {
        -o-transform: skewX(-4deg);
    }
    60% {
        -o-transform: skewX(3deg);
    }
    70% {
        -o-transform: skewX(-2deg);
    }
    80% {
        -o-transform: skewX(1deg);
    }
    90% {
        -o-transform: skewX(0deg);
    }
    100% {
        -o-transform: skewX(0deg);
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }
    10% {
        transform: skewX(-8deg);
    }
    20% {
        transform: skewX(7deg);
    }
    30% {
        transform: skewX(-6deg);
    }
    40% {
        transform: skewX(5deg);
    }
    50% {
        transform: skewX(-4deg);
    }
    60% {
        transform: skewX(3deg);
    }
    70% {
        transform: skewX(-2deg);
    }
    80% {
        transform: skewX(1deg);
    }
    90% {
        transform: skewX(0deg);
    }
    100% {
        transform: skewX(0deg);
    }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}


/* *** base.css *** */
@media only screen and (min-width: 1200px) {

    .span12 .items6 li {
        width: 170px;
    }

    .span12 .items5 li {
        width: 210px;
    }

    .span12 .items4 li {
        width: 270px;
    }

    .span12 .items3 li {
        width: 370px;
    }

    .span12 .items2 li {
        width: 570px;
    }

    .span12 .items1 li {
        width: 1170px;
    }

    .span6 .items6 li {
        width: 70px;
    }

    .span6 .items5 li {
        width: 90px;
    }

    .span6 .items4 li {
        width: 120px;
    }

    .span6 .items3 li {
        width: 170px;
    }

    .span6 .items2 li {
        width: 270px;
    }

    .span6 .items1 li {
        width: 570px;
    }

    .span4 .items6 li {
        width: 36px;
    }

    .span4 .items5 li {
        width: 50px;
    }

    .span4 .items4 li {
        width: 70px;
    }

    .span4 .items3 li {
        width: 103px;
    }

    .span4 .items2 li {
        width: 170px;
    }

    .span4 .items1 li {
        width: 370px;
    }

    .span3 .items6 li {
        width: 20px;
    }

    .span3 .items5 li {
        width: 30px;
    }

    .span3 .items4 li {
        width: 45px;
    }

    .span3 .items3 li {
        width: 70px;
    }

    .span3 .items2 li {
        width: 120px;
    }

    .span3 .items1 li {
        width: 270px;
    }

    .span8 .items6 li {
        width: 103px;
    }

    .span8 .items5 li {
        width: 130px;
    }

    .span8 .items4 li {
        width: 170px;
    }

    .span8 .items3 li {
        width: 236px;
    }

    .span8 .items2 li {
        width: 370px;
    }

    .span8 .items1 li {
        width: 770px;
    }

    .span9 .items6 li {
        width: 120px;
    }

    .span9 .items5 li {
        width: 150px;
    }

    .span9 .items4 li {
        width: 195px;
    }

    .span9 .items3 li {
        width: 270px;
    }

    .span9 .items2 li {
        width: 420px;
    }

    .span9 .items1 li {
        width: 870px;
    }

    /* items size with sidebar*/
    .left-sidebar .posts-block .span12 .items6 li,
    .right-sidebar .posts-block .span12 .items6 li {
        width: 126px;
    }

    .left-sidebar .posts-block .span12 .items5 li,
    .right-sidebar .posts-block .span12 .items5 li {
        width: 156px;
    }

    .left-sidebar .posts-block .span12 .items4 li,
    .right-sidebar .posts-block .span12 .items4 li {
        width: 195px;
    }

    .left-sidebar .posts-block .span12 .items3 li,
    .right-sidebar .posts-block .span12 .items3 li {
        width: 270px;
    }

    .left-sidebar .posts-block .span12 .items2 li,
    .right-sidebar .posts-block .span12 .items2 li {
        width: 425px;
    }

    .left-sidebar .posts-block .span12 .items1 li,
    .right-sidebar .posts-block .span12 .items1 li {
        width: 870px;
    }

    .left-sidebar .posts-block .span6 .items6 li,
    .right-sidebar .posts-block .span6 .items6 li {
        width: 52px;
    }

    .left-sidebar .posts-block .span6 .items5 li,
    .right-sidebar .posts-block .span6 .items5 li {
        width: 67px;
    }

    .left-sidebar .posts-block .span6 .items4 li,
    .right-sidebar .posts-block .span6 .items4 li {
        width: 83px;
    }

    .left-sidebar .posts-block .span6 .items3 li,
    .right-sidebar .posts-block .span6 .items3 li {
        width: 121px;
    }

    .left-sidebar .posts-block .span6 .items2 li,
    .right-sidebar .posts-block .span6 .items2 li {
        width: 197px;
    }

    .left-sidebar .posts-block .span6 .items1 li,
    .right-sidebar .posts-block .span6 .items1 li {
        width: 424px;
    }

    .left-sidebar .posts-block .span4 .items6 li,
    .right-sidebar .posts-block .span4 .items6 li {
        width: 27px;
    }

    .left-sidebar .posts-block .span4 .items5 li,
    .right-sidebar .posts-block .span4 .items5 li {
        width: 37px;
    }

    .left-sidebar .posts-block .span4 .items4 li,
    .right-sidebar .posts-block .span4 .items4 li {
        width: 46px;
    }

    .left-sidebar .posts-block .span4 .items3 li,
    .right-sidebar .posts-block .span4 .items3 li {
        width: 71px;
    }

    .left-sidebar .posts-block .span4 .items2 li,
    .right-sidebar .posts-block .span4 .items2 li {
        width: 122px;
    }

    .left-sidebar .posts-block .span4 .items1 li,
    .right-sidebar .posts-block .span4 .items1 li {
        width: 275px;
    }

    .left-sidebar .posts-block .span3 .items6 li,
    .right-sidebar .posts-block .span3 .items6 li {
        width: 15px;
    }

    .left-sidebar .posts-block .span3 .items5 li,
    .right-sidebar .posts-block .span3 .items5 li {
        width: 22px;
    }

    .left-sidebar .posts-block .span3 .items4 li,
    .right-sidebar .posts-block .span3 .items4 li {
        width: 27px;
    }

    .left-sidebar .posts-block .span3 .items3 li,
    .right-sidebar .posts-block .span3 .items3 li {
        width: 47px;
    }

    .left-sidebar .posts-block .span3 .items2 li,
    .right-sidebar .posts-block .span3 .items2 li {
        width: 85px;
    }

    .left-sidebar .posts-block .span3 .items1 li,
    .right-sidebar .posts-block .span3 .items1 li {
        width: 201px;
    }

    .left-sidebar .posts-block .span8 .items6 li,
    .right-sidebar .posts-block .span8 .items6 li {
        width: 77px;
    }

    .left-sidebar .posts-block .span8 .items5 li,
    .right-sidebar .posts-block .span8 .items5 li {
        width: 97px;
    }

    .left-sidebar .posts-block .span8 .items4 li,
    .right-sidebar .posts-block .span8 .items4 li {
        width: 120px;
    }

    .left-sidebar .posts-block .span8 .items3 li,
    .right-sidebar .posts-block .span8 .items3 li {
        width: 170px;
    }

    .left-sidebar .posts-block .span8 .items2 li,
    .right-sidebar .posts-block .span8 .items2 li {
        width: 271px;
    }

    .left-sidebar .posts-block .span8 .items1 li,
    .right-sidebar .posts-block .span8 .items1 li {
        width: 572px;
    }

    .left-sidebar .posts-block .span9 .items6 li,
    .right-sidebar .posts-block .span9 .items6 li {
        width: 89px;
    }

    .left-sidebar .posts-block .span9 .items5 li,
    .right-sidebar .posts-block .span9 .items5 li {
        width: 111px;
    }

    .left-sidebar .posts-block .span9 .items4 li,
    .right-sidebar .posts-block .span9 .items4 li {
        width: 139px;
    }

    .left-sidebar .posts-block .span9 .items3 li,
    .right-sidebar .posts-block .span9 .items3 li {
        width: 195px;
    }

    .left-sidebar .posts-block .span9 .items2 li,
    .right-sidebar .posts-block .span9 .items2 li {
        width: 308px;
    }

    .left-sidebar .posts-block .span9 .items1 li,
    .right-sidebar .posts-block .span9 .items1 li {
        width: 647px;
    }
}

/*Responsive*/
/*Style.css*/
@media only screen and (max-width: 1025px) {
    .demo_panel {
        display: none !important;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1025px) {
    header .slogan {
        display: none !important;
    }

    header nav ul.sub-menu li ul.sub-menu {
        display: block;
        position: absolute;
        left: -165px !important;
        top: 0px !important;
        margin-left: 0 !important;
        border-left: #2e2e2e 1px solid;
    }

    /*Shortcodes*/
    .shortcode_promoblock {
        padding: 30px !important;
    }

    .shortcode_promoblock .promo_text_block,
    .shortcode_promoblock .promo_text_block {
        width: 100% !important;
    }

    .shortcode_promoblock .promo_text_block h4,
    .shortcode_promoblock .promo_text_block h1 {
        width: 100% !important;
        text-align: center !important;
    }

    .shortcode_promoblock .promo_button_block {
        padding-top: 20px !important;
        width: 100% !important;
        text-align: center !important;
    }

    .user_bg_layout header,
    .user_img_layout header,
    .user_bg_layout .content_wrapper,
    .user_img_layout .content_wrapper,
    .user_bg_layout .pre_footer,
    .user_img_layout .pre_footer,
    .user_bg_layout footer,
    .user_img_layout footer {
        width: 980px;
    }

    .widget_flickr .flickr_badge_image,
    .widget_flickr .flickr_badge_image a,
    .widget_flickr .flickr_badge_image img,
    .widget_flickr .flickr_badge_image .flickr_fadder {
        width: 71px !important;
        height: 71px !important;
    }

    .widget_flickr .flickr_badge_image .flickr_wrapper {
        width: 59px !important;
        height: 59px !important;
    }
}

/*IE8 Support*/
.ie8 .shortcode_promoblock {
    padding: 30px !important;
}

.ie8 .shortcode_promoblock .promo_text_block,
.ie8 .shortcode_promoblock .promo_text_block {
    width: 100% !important;
}

.ie8 .shortcode_promoblock .promo_text_block h4,
.ie8 .shortcode_promoblock .promo_text_block h1 {
    width: 100% !important;
    text-align: center !important;
}

.ie8 .shortcode_promoblock .promo_button_block {
    padding-top: 20px !important;
    width: 100% !important;
    text-align: center !important;
}


@media only screen and (min-width: 766px) and (max-width: 959px) {
    header {
        height: 63px !important;
    }

    .header_wrapper {
        min-height: 63px !important;
    }

    header .logo {
        top: 18px !important
    }

    header .logo img {
        width: 167px;
        height: 32px;
    }

    header .slogan {
        display: none !important;
    }

    header nav ul.sub-menu li ul.sub-menu {
        display: block;
        position: absolute;
        left: -165px !important;
        top: 0px !important;
        margin-left: 0 !important;
        border-left: #2e2e2e 1px solid;
    }

    header nav ul.menu > li {
        min-height: 45px !important;
    }

    header nav ul.menu > li > a {
        height: 40px !important;
        line-height: 40px !important;
        font-size: 11px !important;
        padding: 0 15px !important;
        margin-top: 5px !important;
    }

    header nav ul.menu > li > a:hover,
    header nav ul.menu > li:hover > a,
    header nav ul.menu > li.current-menu-parent > a,
    header nav ul.menu > li.current-menu-item > a {
        height: 45px !important;
        margin-top: 0px !important;
    }

    header nav ul.sub-menu {
        top: 45px !important;
    }

    header nav ul.menu > li:hover .menu_marker,
    header nav ul.menu > li.current-menu-parent .menu_marker,
    header nav ul.menu > li.current-menu-item .menu_marker {
        height: 5px !important;
        top: 0px !important;
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    }

    footer .copyright {
        width: 280px !important;
    }

    .list-of-images {
        margin-left: -20px !important;
    }

    .list-of-images .gallery_item {
        margin-left: 20px !important;
        max-width: 352px !important;
        margin-bottom: 20px !important;
    }

    .list-of-images .gallery_item {
        max-width: 352px !important;
    }

    .left-sidebar .list-of-images,
    .right-sidebar .list-of-images {
        margin-left: -14px !important;
    }

    .left-sidebar .list-of-images .gallery_item,
    .right-sidebar .list-of-images .gallery_item {
        margin-left: 14px !important;
        max-width: 262px !important;
        margin-bottom: 14px !important;
    }

    .left-sidebar .list-of-images .gallery_item,
    .right-sidebar .list-of-images .gallery_item {
        max-width: 262px !important;
    }

    .price_item {
        width: 50% !important;
    }

    .shortcode_promoblock {
        padding: 20px 30px !important;
    }

    .shortcode_promoblock .promo_text_block,
    .shortcode_promoblock .promo_text_block {
        width: 100% !important;
    }

    .shortcode_promoblock .promo_text_block h4,
    .shortcode_promoblock .promo_text_block h1 {
        width: 100% !important;
        text-align: center !important;
    }

    .shortcode_promoblock .promo_button_block {
        padding-top: 20px !important;
        width: 100% !important;
        text-align: center !important;
    }

    .user_bg_layout header,
    .user_img_layout header,
    .user_bg_layout .content_wrapper,
    .user_img_layout .content_wrapper,
    .user_bg_layout .pre_footer,
    .user_img_layout .pre_footer,
    .user_bg_layout footer,
    .user_img_layout footer {
        width: 754px;
    }

    .widget_flickr .flickr_badge_image,
    .widget_flickr .flickr_badge_image a,
    .widget_flickr .flickr_badge_image img,
    .widget_flickr .flickr_badge_image .flickr_fadder {
        width: 81px !important;
        height: 81px !important;
    }

    .widget_flickr .flickr_badge_image .flickr_wrapper {
        width: 69px !important;
        height: 69px !important;
    }

}

@media only screen and (max-width: 760px) {
    body {
        padding: 0 !important;
    }

    header .slogan {
        display: none !important;
    }

    header nav {
        display: none !important;
    }

    header .logo {
        left: 50%;
        margin-left: -111px;
        display: block;
        top: 18px;
    }

    .mobile_header {
        display: block !important;
        position: absolute;
        left: 0px;
        top: 70px;
    }

    .mobile_header select {
        width: 100%;
    }

    .footer_tools,
    footer nav,
    footer .copyright {
        display: none !important;
    }

    footer_wrapper {
        position: relative;
    }

    footer .logo {
        left: 50% !important;
        position: absolute;
        margin-left: -111px;
        display: block;
        top: 15px !important;
    }

    .footer_wrapper {
        min-height: 70px !important;
    }

    #footer_bar .sidepanel {
        margin-bottom: 30px !important;
    }

    .flickr_wrapper {
        display: none !important;
    }

    .module_google_map iframe {
        height: 320px !important;
    }

    .price_item {
        width: 100% !important;
    }

    .span3 aside.sidebar {
        margin-top: 40px !important;
    }

    iframe.alignleft,
    iframe.alignright {
        width: 100%;
        display: block;
        float: none !important;
        padding: 0 !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .module_gallery {
        margin-left: 0 !important;
    }

    .list-of-images {
        margin-left: -2.5% !important;
    }

    .module_gallery .gallery_item {
        margin-left: 2.5% !important;
        margin-bottom: 2.5% !important;
        width: 47.5% !important;
    }

    .module_gallery .gallery_item img {
        width: 100% !important;
        height: auto !important;
    }

    .shortcode_promoblock {
        padding: 20px !important;
    }

    .shortcode_promoblock .promo_text_block h4,
    .shortcode_promoblock .promo_text_block h1 {
        width: 100% !important;
        text-align: center !important;
    }

    .shortcode_promoblock .promo_button_block {
        padding-top: 20px !important;
        width: 100% !important;
        text-align: center !important;
    }

    ol.commentlist li ul {
        padding-left: 0px !important;
    }

}

@media only screen and (min-width: 459px) and (max-width: 766px) {
    .container {
        width: 420px;
        margin: 0 auto;
    }

    .user_bg_layout header,
    .user_img_layout header,
    .user_bg_layout .content_wrapper,
    .user_img_layout .content_wrapper,
    .user_bg_layout .pre_footer,
    .user_img_layout .pre_footer,
    .user_bg_layout footer,
    .user_img_layout footer {
        width: 450px;
    }

    .widget_flickr .flickr_badge_image,
    .widget_flickr .flickr_badge_image a,
    .widget_flickr .flickr_badge_image img,
    .widget_flickr .flickr_badge_image .flickr_fadder {
        width: 138px !important;
        height: 138px !important;
    }

    .widget_flickr .flickr_badge_image .flickr_wrapper {
        width: 126px !important;
        height: 126px !important;
    }
}

@media only screen and (max-width: 459px) {
    .container {
        width: 300px;
        margin: 0 auto;
    }

    .user_bg_layout header,
    .user_img_layout header,
    .user_bg_layout .content_wrapper,
    .user_img_layout .content_wrapper,
    .user_bg_layout .pre_footer,
    .user_img_layout .pre_footer,
    .user_bg_layout footer,
    .user_img_layout footer {
        width: 310px;
    }

    .widget_flickr .flickr_badge_image,
    .widget_flickr .flickr_badge_image a,
    .widget_flickr .flickr_badge_image img,
    .widget_flickr .flickr_badge_image .flickr_fadder {
        width: 98px !important;
        height: 98px !important;
    }

    .widget_flickr .flickr_badge_image .flickr_wrapper {
        width: 86px !important;
        height: 86px !important;
    }
}

/*portfolio_isotope.css*/
@media only screen and (min-width: 960px) and (max-width: 1025px) {
    .columns1 {
        width: 940px !important;
        margin: 0;
    }

    .columns1 .filter_img {
        width: 48.75%;
        float: left;
        display: inline-block;
    }

    .columns1 .portfolio_dscr {
        width: 48.75%;
        margin-left: 2.5%;
        float: left;
        display: inline-block;
    }

    .columns1 .element {
        width: 100%;
        margin-left: -2.5%;
        min-height: 322px !important;
    }

    /*Widths*/
    .columns2,
    .columns3,
    .columns4 {
        margin: 0 0 0 4px;
        width: 960px;
        margin-left: -20px !important;
    }

    .columns2 .element {
        width: 460px !important;
        min-height: 323px !important;
        float: left;
        margin-left: 20px;
        margin-bottom: 20px;
        display: inline-block;
    }

    .columns2 .element img {
        display: block;
    }

    .columns3 .element {
        width: 300px !important;
        margin-left: 20px;
        margin-bottom: 20px;
        min-height: 211px !important;
    }

    .columns4 .element {
        width: 220px !important;
        margin-left: 20px;
        margin-bottom: 20px;
        min-height: 154px !important;
    }
}

/*ie8 support*/
.ie8 .columns1 {
    width: 940px !important;
    margin: 0;
}

.ie8 .columns1 .filter_img {
    width: 460px !important;
    min-height: 323px !important;
    float: left;
    display: inline-block;
}

.ie8 .columns1 .portfolio_dscr {
    width: 460px !important;
    min-height: 323px !important;
    margin-left: 20px;
    float: left;
    display: inline-block;
}

.ie8 .columns1 .element {
    width: 100%;
    margin-left: -2.5%;
    min-height: 322px !important;
}

/*Widths*/
.ie8 .columns2,
.ie8 .columns3,
.ie8 .columns4 {
    margin: 0 0 0 4px;
    width: 960px;
    margin-left: -20px !important;
}

.ie8 .columns2 .element {
    width: 460px !important;
    min-height: 323px !important;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
}

.ie8 .columns2 .element img {
    display: block;
}

.ie8 .columns3 .element {
    width: 300px !important;
    margin-left: 20px;
    margin-bottom: 20px;
    min-height: 211px !important;
}

.ie8 .columns4 .element {
    width: 220px !important;
    margin-left: 20px;
    margin-bottom: 20px;
    min-height: 154px !important;
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
    .columns1,
    .columns2,
    .columns3,
    .columns4 {
        margin: 0 0 0 4px;
        width: 744px;
        margin-left: -20px !important;
    }

    .columns2 .element {
        width: 352px !important;
        min-height: 247px !important;
        float: left;
        margin-left: 20px;
        margin-bottom: 20px;
        display: inline-block;
    }

    .columns2 .element img {
        display: block;
    }

    .columns3 .element {
        width: 228px !important;
        min-height: 160px !important;
        float: left;
        margin-left: 20px;
        margin-bottom: 20px;
        display: inline-block;
    }

    .columns4 .element {
        width: 166px !important;
        min-height: 116px !important;
        float: left;
        margin-left: 20px;
        margin-bottom: 20px;
        display: inline-block;
    }
}

@media only screen and (min-width: 459px) and (max-width: 766px) {
    /*Widths*/
    .columns1,
    .columns2,
    .columns3,
    .columns4 {
        margin: 0 0 0 0px !important;
        width: 420px !important;
    }

    .columns2 .element,
    .columns3 .element,
    .columns4 .element {
        width: 420px !important;
        margin: 0 0 20px 0px !important;
        min-height: 271px !important;
        /*float:none!important;*/
        display: inline-block !important;
    }

    .columns1 .element img,
    .columns2 .element img,
    .columns3 .element img,
    .columns4 .element img {
        display: block !important;
    }

    .filter_navigation {
        overflow: hidden !important;
    }

    .columns1 .filter_img {
        float: none !important;
        width: 420px !important;
        margin-bottom: 15px !important;
    }

    .columns1 .portfolio_dscr {
        float: none !important;
        width: 420px !important;
        margin: 0px !important;
    }

    .columns2 .element .portfolio_content p,
    .columns3 .element .portfolio_content p,
    .columns4 .element .portfolio_content p,
    .columns2 .element .portfolio_content h5,
    .columns3 .element .portfolio_content h5,
    .columns4 .element .portfolio_content h5 {
        display: none !important;
    }
}

@media only screen and (max-width: 459px) {
    /*Widths*/
    .columns1,
    .columns2,
    .columns3,
    .columns4 {
        margin: 0 0 0 0px !important;
        width: 300px !important;
    }

    .columns1 .element {
        margin: 0 0 20px 0 !important;
    }

    .columns1 .element,
    .columns2 .element,
    .columns3 .element,
    .columns4 .element {
        width: 300px !important;
        margin: 0 0 20px 0px !important;
        min-height: 194px !important;
        float: none !important;
        display: block !important;
    }

    .columns1 .element img,
    .columns2 .element img,
    .columns3 .element img,
    .columns4 .element img {
        display: block;
    }

    .columns2 .element .portfolio_content p,
    .columns3 .element .portfolio_content p,
    .columns4 .element .portfolio_content p,
    .columns2 .element .portfolio_content h5,
    .columns3 .element .portfolio_content h5,
    .columns4 .element .portfolio_content h5 {
        display: none !important;
    }

    .filter_navigation {
        overflow: hidden
    }

    .columns1 .filter_img {
        float: none !important;
        width: 300px !important;
        margin-bottom: 15px !important;
    }

    .columns1 .portfolio_dscr {
        float: none !important;
        width: 300px !important;
        margin: 0px !important;
    }
}

/*-- Carousel --*/
@media only screen and (min-width: 960px) and (max-width: 1025px) {
    .carouselslider ul {
        margin-left: -20px !important;
    }

    .carouselslider ul li {
        padding: 0 0 0 20px !important;
    }

    .span12 .carouselslider {
        width: 940px;
    }

    .span6 .carouselslider {
        width: 458px;
    }

    .span4 .carouselslider {
        width: 298px;
    }

    .span3 .carouselslider {
        width: 220px;
    }

    .span8 .carouselslider {
        width: 618px;
    }

    .span9 .carouselslider {
        width: 700px;
    }

    .left-sidebar .posts-block .span12 .carouselslider,
    .right-sidebar .posts-block .span12 .carouselslider {
        width: 700px;
    }

    .left-sidebar .posts-block .posts-block .span6 .carouselslider,
    .right-sidebar .posts-block .span6 .carouselslider {
        width: 341px;
    }

    .left-sidebar .posts-block .span4 .carouselslider,
    .right-sidebar .posts-block .span4 .carouselslider {
        width: 221px;
    }

    .left-sidebar .posts-block .span3 .carouselslider,
    .right-sidebar .posts-block .span3 .carouselslider {
        width: 161px;
    }

    .left-sidebar .posts-block .span8 .carouselslider,
    .right-sidebar .posts-block .span8 .carouselslider {
        width: 460px;
    }

    .left-sidebar .posts-block .span9 .carouselslider,
    .right-sidebar .posts-block .span9 .carouselslider {
        width: 520px;
    }

    .span12 .items5 li {
        width: 172px;
    }

    .span12 .items4 li {
        width: 220px;
    }

    .span12 .items3 li {
        width: 300px;
    }

    .span12 .items2 li {
        width: 460px;
    }

    .span12 .items1 li {
        width: 940px;
    }

    .span6 .items5 li {
        width: 75px;
    }

    .span6 .items4 li {
        width: 99px;
    }

    .span6 .items3 li {
        width: 139px;
    }

    .span6 .items2 li {
        width: 219px;
    }

    .span6 .items1 li {
        width: 458px;
    }

    .span4 .items5 li {
        width: 43px;
    }

    .span4 .items4 li {
        width: 59px;
    }

    .span4 .items3 li {
        width: 86px;
    }

    .span4 .items2 li {
        width: 139px;
    }

    .span4 .items1 li {
        width: 298px;
    }

    .span3 .items5 li {
        width: 28px;
    }

    .span3 .items4 li {
        width: 40px;
    }

    .span3 .items3 li {
        width: 60px;
    }

    .span3 .items2 li {
        width: 100px;
    }

    .span3 .items1 li {
        width: 220px;
    }

    .span8 .items5 li {
        width: 107px;
    }

    .span8 .items4 li {
        width: 139px;
    }

    .span8 .items3 li {
        width: 192px;
    }

    .span8 .items2 li {
        width: 299px;
    }

    .span8 .items1 li {
        width: 618px;
    }

    .span9 .items5 li {
        width: 124px;
    }

    .span9 .items4 li {
        width: 160px;
    }

    .span9 .items3 li {
        width: 220px;
    }

    .span9 .items2 li {
        width: 340px;
    }

    .span9 .items1 li {
        width: 700px;
    }

    /* items size with sidebar*/
    .left-sidebar .posts-block .span12 .items5 li,
    .right-sidebar .posts-block .span12 .items5 li {
        width: 124px;
    }

    .left-sidebar .posts-block .span12 .items4 li,
    .right-sidebar .posts-block .span12 .items4 li {
        width: 160px;
    }

    .left-sidebar .posts-block .span12 .items3 li,
    .right-sidebar .posts-block .span12 .items3 li {
        width: 220px;
    }

    .left-sidebar .posts-block .span12 .items2 li,
    .right-sidebar .posts-block .span12 .items2 li {
        width: 340px;
    }

    .left-sidebar .posts-block .span12 .items1 li,
    .right-sidebar .posts-block .span12 .items1 li {
        width: 700px;
    }

    .left-sidebar .posts-block .span6 .items5 li,
    .right-sidebar .posts-block .span6 .items5 li {
        width: 52px;
    }

    .left-sidebar .posts-block .span6 .items4 li,
    .right-sidebar .posts-block .span6 .items4 li {
        width: 70px;
    }

    .left-sidebar .posts-block .span6 .items3 li,
    .right-sidebar .posts-block .span6 .items3 li {
        width: 100px;
    }

    .left-sidebar .posts-block .span6 .items2 li,
    .right-sidebar .posts-block .span6 .items2 li {
        width: 160px;
    }

    .left-sidebar .posts-block .span6 .items1 li,
    .right-sidebar .posts-block .span6 .items1 li {
        width: 341px;
    }

    .left-sidebar .posts-block .span4 .items5 li,
    .right-sidebar .posts-block .span4 .items5 li {
        width: 28px;
    }

    .left-sidebar .posts-block .span4 .items4 li,
    .right-sidebar .posts-block .span4 .items4 li {
        width: 40px;
    }

    .left-sidebar .posts-block .span4 .items3 li,
    .right-sidebar .posts-block .span4 .items3 li {
        width: 60px;
    }

    .left-sidebar .posts-block .span4 .items2 li,
    .right-sidebar .posts-block .span4 .items2 li {
        width: 100px;
    }

    .left-sidebar .posts-block .span4 .items1 li,
    .right-sidebar .posts-block .span4 .items1 li {
        width: 221px;
    }

    .left-sidebar .posts-block .span3 .items5 li,
    .right-sidebar .posts-block .span3 .items5 li {
        width: 16px;
    }

    .left-sidebar .posts-block .span3 .items4 li,
    .right-sidebar .posts-block .span3 .items4 li {
        width: 25px;
    }

    .left-sidebar .posts-block .span3 .items3 li,
    .right-sidebar .posts-block .span3 .items3 li {
        width: 40px;
    }

    .left-sidebar .posts-block .span3 .items2 li,
    .right-sidebar .posts-block .span3 .items2 li {
        width: 70px;
    }

    .left-sidebar .posts-block .span3 .items1 li,
    .right-sidebar .posts-block .span3 .items1 li {
        width: 161px;
    }

    .left-sidebar .posts-block .span8 .items5 li,
    .right-sidebar .posts-block .span8 .items5 li {
        width: 76px;
    }

    .left-sidebar .posts-block .span8 .items4 li,
    .right-sidebar .posts-block .span8 .items4 li {
        width: 100px;
    }

    .left-sidebar .posts-block .span8 .items3 li,
    .right-sidebar .posts-block .span8 .items3 li {
        width: 140px;
    }

    .left-sidebar .posts-block .span8 .items2 li,
    .right-sidebar .posts-block .span8 .items2 li {
        width: 220px;
    }

    .left-sidebar .posts-block .span8 .items1 li,
    .right-sidebar .posts-block .span8 .items1 li {
        width: 460px;
    }

    .left-sidebar .posts-block .span9 .items5 li,
    .right-sidebar .posts-block .span9 .items5 li {
        width: 88px;
    }

    .left-sidebar .posts-block .span9 .items4 li,
    .right-sidebar .posts-block .span9 .items4 li {
        width: 115px;
    }

    .left-sidebar .posts-block .span9 .items3 li,
    .right-sidebar .posts-block .span9 .items3 li {
        width: 160px;
    }

    .left-sidebar .posts-block .span9 .items2 li,
    .right-sidebar .posts-block .span9 .items2 li {
        width: 250px;
    }

    .left-sidebar .posts-block .span9 .items1 li,
    .right-sidebar .posts-block .span9 .items1 li {
        width: 520px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
    .carouselslider ul {
        margin-left: -20px !important;
    }

    .carouselslider ul li {
        padding: 0 0 0 20px !important;
    }

    .left-sidebar .carouselslider ul,
    .right-sidebar .carouselslider ul {
        margin-left: -14px !important;
    }

    .left-sidebar .carouselslider ul li,
    .right-sidebar .carouselslider ul li {
        padding: 0 0 0 14px !important;
    }

    .span12 .carouselslider {
        width: 724px !important;
    }

    .span6 .carouselslider {
        width: 352px !important;
    }

    .span4 .carouselslider {
        width: 228px !important;
    }

    .span3 .carouselslider {
        width: 166px !important;
    }

    .span8 .carouselslider {
        width: 476px !important;
    }

    .span9 .carouselslider {
        width: 538px !important;
    }

    .left-sidebar .posts-block .span12 .carouselslider,
    .right-sidebar .posts-block .span12 .carouselslider {
        width: 538px !important;
    }

    .left-sidebar .posts-block .span6 .carouselslider,
    .right-sidebar .posts-block .span6 .carouselslider {
        width: 424px !important;
    }

    .left-sidebar .posts-block .span4 .carouselslider,
    .right-sidebar .posts-block .span4 .carouselslider {
        width: 169px !important;
    }

    .left-sidebar .posts-block .span3 .carouselslider,
    .right-sidebar .posts-block .span3 .carouselslider {
        width: 123px !important;
    }

    .left-sidebar .posts-block .span8 .carouselslider,
    .right-sidebar .posts-block .span8 .carouselslider {
        width: 354px !important;
    }

    .left-sidebar .posts-block .span9 .carouselslider,
    .right-sidebar .posts-block .span9 .carouselslider {
        width: 400px !important;
    }

    .span12 .items6 li {
        width: 104px !important;
    }

    .span12 .items5 li {
        width: 136px !important;
    }

    .span12 .items4 li {
        width: 166px !important;
    }

    .span12 .items3 li {
        width: 228px !important;
    }

    .span12 .items2 li {
        width: 352px !important;
    }

    .span12 .items1 li {
        width: 724px !important;
    }

    .span6 .items6 li {
        width: 42px !important;
    }

    .span6 .items5 li {
        width: 54px !important;
    }

    .span6 .items4 li {
        width: 73px !important;
    }

    .span6 .items3 li {
        width: 104px !important;
    }

    .span6 .items2 li {
        width: 166px !important;
    }

    .span6 .items1 li {
        width: 352px !important;
    }

    .span4 .items6 li {
        width: 21px !important;
    }

    .span4 .items5 li {
        width: 29px !important;
    }

    .span4 .items4 li {
        width: 42px !important;
    }

    .span4 .items3 li {
        width: 62px !important;
    }

    .span4 .items2 li {
        width: 104px !important;
    }

    .span4 .items1 li {
        width: 228px !important;
    }

    .span3 .items6 li {
        width: 11px !important;
    }

    .span3 .items5 li {
        width: 17px !important;
    }

    .span3 .items4 li {
        width: 26px !important;
    }

    .span3 .items3 li {
        width: 42px !important;
    }

    .span3 .items2 li {
        width: 73px !important;
    }

    .span3 .items1 li {
        width: 166px !important;
    }

    .span8 .items6 li {
        width: 62px !important;
    }

    .span8 .items5 li {
        width: 79px !important;
    }

    .span8 .items4 li {
        width: 104px !important;
    }

    .span8 .items3 li {
        width: 145px !important;
    }

    .span8 .items2 li {
        width: 228px !important;
    }

    .span8 .items1 li {
        width: 476px !important;
    }

    .span9 .items6 li {

        width: 73px !important;
    }

    .span9 .items5 li {
        width: 91px !important;
    }

    .span9 .items4 li {
        width: 119px !important;
    }

    .span9 .items3 li {
        width: 166px !important;
    }

    .span9 .items2 li {
        width: 259px !important;
    }

    .span9 .items1 li {
        width: 538px !important;
    }

    /* items size with sidebar*/
    .left-sidebar .posts-block .span12 .items6 li,
    .right-sidebar .posts-block .span12 .items6 li {
        width: 78px !important;
    }

    .left-sidebar .posts-block .span12 .items5 li,
    .right-sidebar .posts-block .span12 .items5 li {
        width: 96px !important;
    }

    .left-sidebar .posts-block .span12 .items4 li,
    .right-sidebar .posts-block .span12 .items4 li {
        width: 124px !important;
    }

    .left-sidebar .posts-block .span12 .items3 li,
    .right-sidebar .posts-block .span12 .items3 li {
        width: 170px !important;
    }

    .left-sidebar .posts-block .span12 .items2 li,
    .right-sidebar .posts-block .span12 .items2 li {
        width: 262px !important;
    }

    .left-sidebar .posts-block .span12 .items1 li,
    .right-sidebar .posts-block .span12 .items1 li {
        width: 538px !important;
    }

    .left-sidebar .posts-block .span6 .items6 li,
    .right-sidebar .posts-block .span6 .items6 li {
        width: 59px !important;
    }

    .left-sidebar .posts-block .span6 .items5 li,
    .right-sidebar .posts-block .span6 .items5 li {
        width: 73px !important;
    }

    .left-sidebar .posts-block .span6 .items4 li,
    .right-sidebar .posts-block .span6 .items4 li {
        width: 95px !important;
    }

    .left-sidebar .posts-block .span6 .items3 li,
    .right-sidebar .posts-block .span6 .items3 li {
        width: 132px !important;
    }

    .left-sidebar .posts-block .span6 .items2 li,
    .right-sidebar .posts-block .span6 .items2 li {
        width: 205px !important;
    }

    .left-sidebar .posts-block .span6 .items1 li,
    .right-sidebar .posts-block .span6 .items1 li {
        width: 424px !important;
    }

    .left-sidebar .posts-block .span4 .items6 li,
    .right-sidebar .posts-block .span4 .items6 li {
        width: 16px !important;
    }

    .left-sidebar .posts-block .span4 .items5 li,
    .right-sidebar .posts-block .span4 .items5 li {
        width: 22px !important;
    }

    .left-sidebar .posts-block .span4 .items4 li,
    .right-sidebar .posts-block .span4 .items4 li {
        width: 31px !important;
    }

    .left-sidebar .posts-block .span4 .items3 li,
    .right-sidebar .posts-block .span4 .items3 li {
        width: 47px !important;
    }

    .left-sidebar .posts-block .span4 .items2 li,
    .right-sidebar .posts-block .span4 .items2 li {
        width: 77px !important;
    }

    .left-sidebar .posts-block .span4 .items1 li,
    .right-sidebar .posts-block .span4 .items1 li {
        width: 169px !important;
    }

    .left-sidebar .posts-block .span3 .items6 li,
    .right-sidebar .posts-block .span3 .items6 li {
        width: 8px !important;
    }

    .left-sidebar .posts-block .span3 .items5 li,
    .right-sidebar .posts-block .span3 .items5 li {
        width: 13px !important;
    }

    .left-sidebar .posts-block .span3 .items4 li,
    .right-sidebar .posts-block .span3 .items4 li {
        width: 20px !important;
    }

    .left-sidebar .posts-block .span3 .items3 li,
    .right-sidebar .posts-block .span3 .items3 li {
        width: 31px !important;
    }

    .left-sidebar .posts-block .span3 .items2 li,
    .right-sidebar .posts-block .span3 .items2 li {
        width: 54px !important;
    }

    .left-sidebar .posts-block .span3 .items1 li,
    .right-sidebar .posts-block .span3 .items1 li {
        width: 123px !important;
    }

    .left-sidebar .posts-block .span8 .items6 li,
    .right-sidebar .posts-block .span8 .items6 li {
        width: 47px !important;
    }

    .left-sidebar .posts-block .span8 .items5 li,
    .right-sidebar .posts-block .span8 .items5 li {
        width: 59px !important;
    }

    .left-sidebar .posts-block .span8 .items4 li,
    .right-sidebar .posts-block .span8 .items4 li {
        width: 78px !important;
    }

    .left-sidebar .posts-block .span8 .items3 li,
    .right-sidebar .posts-block .span8 .items3 li {
        width: 108px !important;
    }

    .left-sidebar .posts-block .span8 .items2 li,
    .right-sidebar .posts-block .span8 .items2 li {
        width: 170px !important;
    }

    .left-sidebar .posts-block .span8 .items1 li,
    .right-sidebar .posts-block .span8 .items1 li {
        width: 354px !important;
    }

    .left-sidebar .posts-block .span9 .items6 li,
    .right-sidebar .posts-block .span9 .items6 li {
        width: 55px !important;
    }

    .left-sidebar .posts-block .span9 .items5 li,
    .right-sidebar .posts-block .span9 .items5 li {
        width: 68px !important;
    }

    .left-sidebar .posts-block .span9 .items4 li,
    .right-sidebar .posts-block .span9 .items4 li {
        width: 89px !important;
    }

    .left-sidebar .posts-block .span9 .items3 li,
    .right-sidebar .posts-block .span9 .items3 li {
        width: 124px !important;
    }

    .left-sidebar .posts-block .span9 .items2 li,
    .right-sidebar .posts-block .span9 .items2 li {
        width: 193px !important;
    }

    .left-sidebar .posts-block .span9 .items1 li,
    .right-sidebar .posts-block .span9 .items1 li {
        width: 400px !important;
    }
}

@media only screen and (min-width: 459px) and (max-width: 766px) {
    .carouselslider ul {
        margin-left: -20px !important;
    }

    .carouselslider ul li {
        padding: 0 0 0 20px !important;
    }

    .span12 .carouselslider,
    .span6 .carouselslider,
    .span4 .carouselslider,
    .span3 .carouselslider,
    .span8 .carouselslider,
    .span9 .carouselslider,
    .left-sidebar .posts-block .span12 .carouselslider,
    .right-sidebar .posts-block .span12 .carouselslider,
    .left-sidebar .posts-block .span6 .carouselslider,
    .right-sidebar .posts-block .span6 .carouselslider,
    .left-sidebar .posts-block .span4 .carouselslider,
    .right-sidebar .posts-block .span4 .carouselslider,
    .left-sidebar .posts-block .span3 .carouselslider,
    .right-sidebar .posts-block .span3 .carouselslider,
    .left-sidebar .posts-block .span8 .carouselslider,
    .right-sidebar .posts-block .span8 .carouselslider,
    .left-sidebar .posts-block .span9 .carouselslider,
    .right-sidebar .posts-block .span9 .carouselslider,
    .span12 .items6 li,
    .span12 .items5 li,
    .span12 .items4 li,
    .span12 .items3 li,
    .span12 .items2 li,
    .span12 .items1 li,
    .span6 .items6 li,
    .span6 .items5 li,
    .span6 .items4 li,
    .span6 .items3 li,
    .span6 .items2 li,
    .span6 .items1 li,
    .span4 .items6 li,
    .span4 .items5 li,
    .span4 .items4 li,
    .span4 .items3 li,
    .span4 .items2 li,
    .span4 .items1 li,
    .span4 .items6 li,
    .span4 .items5 li,
    .span3 .items4 li,
    .span3 .items3 li,
    .span3 .items2 li,
    .span3 .items1 li,
    .span8 .items6 li,
    .span8 .items5 li,
    .span8 .items4 li,
    .span8 .items3 li,
    .span8 .items2 li,
    .span8 .items1 li,
    .span8 .items6 li,
    .span9 .items5 li,
    .span9 .items4 li,
    .span9 .items3 li,
    .span9 .items2 li,
    .span9 .items1 li,
    .left-sidebar .posts-block .span12 .items6 li,
    .right-sidebar .posts-block .span12 .items6 li,
    .left-sidebar .posts-block .span12 .items5 li,
    .right-sidebar .posts-block .span12 .items5 li,
    .left-sidebar .posts-block .span12 .items4 li,
    .right-sidebar .posts-block .span12 .items4 li,
    .left-sidebar .posts-block .span12 .items3 li,
    .right-sidebar .posts-block .span12 .items3 li,
    .left-sidebar .posts-block .span12 .items2 li,
    .right-sidebar .posts-block .span12 .items2 li,
    .left-sidebar .posts-block .span12 .items1 li,
    .right-sidebar .posts-block .span12 .items1 li,
    .left-sidebar .posts-block .span6 .items6 li,
    .right-sidebar .posts-block .span6 .items6 li,
    .left-sidebar .posts-block .span6 .items5 li,
    .right-sidebar .posts-block .span6 .items5 li,
    .left-sidebar .posts-block .span6 .items4 li,
    .right-sidebar .posts-block .span6 .items4 li,
    .left-sidebar .posts-block .span6 .items3 li,
    .right-sidebar .posts-block .span6 .items3 li,
    .left-sidebar .posts-block .span6 .items2 li,
    .right-sidebar .posts-block .span6 .items2 li,
    .left-sidebar .posts-block .span6 .items1 li,
    .right-sidebar .posts-block .span6 .items1 li,
    .left-sidebar .posts-block .span4 .items6 li,
    .right-sidebar .posts-block .span4 .items6 li,
    .left-sidebar .posts-block .span4 .items5 li,
    .right-sidebar .posts-block .span4 .items5 li,
    .left-sidebar .posts-block .span4 .items4 li,
    .right-sidebar .posts-block .span4 .items4 li,
    .left-sidebar .posts-block .span4 .items3 li,
    .right-sidebar .posts-block .span4 .items3 li,
    .left-sidebar .posts-block .span4 .items2 li,
    .right-sidebar .posts-block .span4 .items2 li,
    .left-sidebar .posts-block .span4 .items1 li,
    .right-sidebar .posts-block .span4 .items1 li,
    .left-sidebar .posts-block .span3 .items6 li,
    .right-sidebar .posts-block .span3 .items6 li,
    .left-sidebar .posts-block .span3 .items5 li,
    .right-sidebar .posts-block .span3 .items5 li,
    .left-sidebar .posts-block .span3 .items4 li,
    .right-sidebar .posts-block .span3 .items4 li,
    .left-sidebar .posts-block .span3 .items3 li,
    .right-sidebar .posts-block .span3 .items3 li,
    .left-sidebar .posts-block .span3 .items2 li,
    .right-sidebar .posts-block .span3 .items2 li,
    .left-sidebar .posts-block .span3 .items1 li,
    .right-sidebar .posts-block .span3 .items1 li,
    .left-sidebar .posts-block .span8 .items6 li,
    .right-sidebar .posts-block .span8 .items6 li,
    .left-sidebar .posts-block .span8 .items5 li,
    .right-sidebar .posts-block .span8 .items5 li,
    .left-sidebar .posts-block .span8 .items4 li,
    .right-sidebar .posts-block .span8 .items4 li,
    .left-sidebar .posts-block .span8 .items3 li,
    .right-sidebar .posts-block .span8 .items3 li,
    .left-sidebar .posts-block .span8 .items2 li,
    .right-sidebar .posts-block .span8 .items2 li,
    .left-sidebar .posts-block .span8 .items1 li,
    .right-sidebar .posts-block .span8 .items1 li,
    .left-sidebar .posts-block .span9 .items6 li,
    .right-sidebar .posts-block .span9 .items6 li,
    .left-sidebar .posts-block .span9 .items5 li,
    .right-sidebar .posts-block .span9 .items5 li,
    .left-sidebar .posts-block .span9 .items4 li,
    .right-sidebar .posts-block .span9 .items4 li,
    .left-sidebar .posts-block .span9 .items3 li,
    .right-sidebar .posts-block .span9 .items3 li,
    .left-sidebar .posts-block .span9 .items2 li,
    .right-sidebar .posts-block .span9 .items2 li,
    .left-sidebar .posts-block .span9 .items1 li,
    .right-sidebar .posts-block .span9 .items1 li {
        width: 420px !important;
    }
}

@media only screen and (max-width: 459px) {
    .carouselslider ul {
        margin-left: -20px !important;
    }

    .carouselslider ul li {
        padding: 0 0 0 20px !important;
    }

    .span12 .carouselslider,
    .span6 .carouselslider,
    .span4 .carouselslider,
    .span3 .carouselslider,
    .span8 .carouselslider,
    .span9 .carouselslider,
    .left-sidebar .posts-block .span12 .carouselslider,
    .right-sidebar .posts-block .span12 .carouselslider,
    .left-sidebar .posts-block .span6 .carouselslider,
    .right-sidebar .posts-block .span6 .carouselslider,
    .left-sidebar .posts-block .span4 .carouselslider,
    .right-sidebar .posts-block .span4 .carouselslider,
    .left-sidebar .posts-block .span3 .carouselslider,
    .right-sidebar .posts-block .span3 .carouselslider,
    .left-sidebar .posts-block .span8 .carouselslider,
    .right-sidebar .posts-block .span8 .carouselslider,
    .left-sidebar .posts-block .span9 .carouselslider,
    .right-sidebar .posts-block .span9 .carouselslider,
    .span12 .items6 li,
    .span12 .items5 li,
    .span12 .items4 li,
    .span12 .items3 li,
    .span12 .items2 li,
    .span12 .items1 li,
    .span6 .items6 li,
    .span6 .items5 li,
    .span6 .items4 li,
    .span6 .items3 li,
    .span6 .items2 li,
    .span6 .items1 li,
    .span4 .items6 li,
    .span4 .items5 li,
    .span4 .items4 li,
    .span4 .items3 li,
    .span4 .items2 li,
    .span4 .items1 li,
    .span4 .items6 li,
    .span4 .items5 li,
    .span3 .items4 li,
    .span3 .items3 li,
    .span3 .items2 li,
    .span3 .items1 li,
    .span8 .items6 li,
    .span8 .items5 li,
    .span8 .items4 li,
    .span8 .items3 li,
    .span8 .items2 li,
    .span8 .items1 li,
    .span8 .items6 li,
    .span9 .items5 li,
    .span9 .items4 li,
    .span9 .items3 li,
    .span9 .items2 li,
    .span9 .items1 li,
    .left-sidebar .posts-block .span12 .items6 li,
    .right-sidebar .posts-block .span12 .items6 li,
    .left-sidebar .posts-block .span12 .items5 li,
    .right-sidebar .posts-block .span12 .items5 li,
    .left-sidebar .posts-block .span12 .items4 li,
    .right-sidebar .posts-block .span12 .items4 li,
    .left-sidebar .posts-block .span12 .items3 li,
    .right-sidebar .posts-block .span12 .items3 li,
    .left-sidebar .posts-block .span12 .items2 li,
    .right-sidebar .posts-block .span12 .items2 li,
    .left-sidebar .posts-block .span12 .items1 li,
    .right-sidebar .posts-block .span12 .items1 li,
    .left-sidebar .posts-block .span6 .items6 li,
    .right-sidebar .posts-block .span6 .items6 li,
    .left-sidebar .posts-block .span6 .items5 li,
    .right-sidebar .posts-block .span6 .items5 li,
    .left-sidebar .posts-block .span6 .items4 li,
    .right-sidebar .posts-block .span6 .items4 li,
    .left-sidebar .posts-block .span6 .items3 li,
    .right-sidebar .posts-block .span6 .items3 li,
    .left-sidebar .posts-block .span6 .items2 li,
    .right-sidebar .posts-block .span6 .items2 li,
    .left-sidebar .posts-block .span6 .items1 li,
    .right-sidebar .posts-block .span6 .items1 li,
    .left-sidebar .posts-block .span4 .items6 li,
    .right-sidebar .posts-block .span4 .items6 li,
    .left-sidebar .posts-block .span4 .items5 li,
    .right-sidebar .posts-block .span4 .items5 li,
    .left-sidebar .posts-block .span4 .items4 li,
    .right-sidebar .posts-block .span4 .items4 li,
    .left-sidebar .posts-block .span4 .items3 li,
    .right-sidebar .posts-block .span4 .items3 li,
    .left-sidebar .posts-block .span4 .items2 li,
    .right-sidebar .posts-block .span4 .items2 li,
    .left-sidebar .posts-block .span4 .items1 li,
    .right-sidebar .posts-block .span4 .items1 li,
    .left-sidebar .posts-block .span3 .items6 li,
    .right-sidebar .posts-block .span3 .items6 li,
    .left-sidebar .posts-block .span3 .items5 li,
    .right-sidebar .posts-block .span3 .items5 li,
    .left-sidebar .posts-block .span3 .items4 li,
    .right-sidebar .posts-block .span3 .items4 li,
    .left-sidebar .posts-block .span3 .items3 li,
    .right-sidebar .posts-block .span3 .items3 li,
    .left-sidebar .posts-block .span3 .items2 li,
    .right-sidebar .posts-block .span3 .items2 li,
    .left-sidebar .posts-block .span3 .items1 li,
    .right-sidebar .posts-block .span3 .items1 li,
    .left-sidebar .posts-block .span8 .items6 li,
    .right-sidebar .posts-block .span8 .items6 li,
    .left-sidebar .posts-block .span8 .items5 li,
    .right-sidebar .posts-block .span8 .items5 li,
    .left-sidebar .posts-block .span8 .items4 li,
    .right-sidebar .posts-block .span8 .items4 li,
    .left-sidebar .posts-block .span8 .items3 li,
    .right-sidebar .posts-block .span8 .items3 li,
    .left-sidebar .posts-block .span8 .items2 li,
    .right-sidebar .posts-block .span8 .items2 li,
    .left-sidebar .posts-block .span8 .items1 li,
    .right-sidebar .posts-block .span8 .items1 li,
    .left-sidebar .posts-block .span9 .items6 li,
    .right-sidebar .posts-block .span9 .items6 li,
    .left-sidebar .posts-block .span9 .items5 li,
    .right-sidebar .posts-block .span9 .items5 li,
    .left-sidebar .posts-block .span9 .items4 li,
    .right-sidebar .posts-block .span9 .items4 li,
    .left-sidebar .posts-block .span9 .items3 li,
    .right-sidebar .posts-block .span9 .items3 li,
    .left-sidebar .posts-block .span9 .items2 li,
    .right-sidebar .posts-block .span9 .items2 li,
    .left-sidebar .posts-block .span9 .items1 li,
    .right-sidebar .posts-block .span9 .items1 li {
        width: 300px !important;
    }
}

/*IE8 Support*/
.ie8 .carouselslider ul {
    margin-left: -20px !important;
}

.ie8 .carouselslider ul li {
    padding: 0 0 0 20px !important;
}

.ie8 .span12 .carouselslider {
    width: 940px;
}

.ie8 .span6 .carouselslider {
    width: 458px;
}

.ie8 .span4 .carouselslider {
    width: 298px;
}

.ie8 .span3 .carouselslider {
    width: 220px;
}

.ie8 .span8 .carouselslider {
    width: 618px;
}

.ie8 .span9 .carouselslider {
    width: 700px;
}

.ie8 .left-sidebar .posts-block .span12 .carouselslider,
.ie8 .right-sidebar .posts-block .span12 .carouselslider {
    width: 700px;
}

.ie8 .left-sidebar .posts-block .posts-block .span6 .carouselslider,
.ie8 .right-sidebar .posts-block .span6 .carouselslider {
    width: 341px;
}

.ie8 .left-sidebar .posts-block .span4 .carouselslider,
.ie8 .right-sidebar .posts-block .span4 .carouselslider {
    width: 221px;
}

.ie8 .left-sidebar .posts-block .span3 .carouselslider,
.ie8 .right-sidebar .posts-block .span3 .carouselslider {
    width: 161px;
}

.ie8 .left-sidebar .posts-block .span8 .carouselslider,
.ie8 .right-sidebar .posts-block .span8 .carouselslider {
    width: 460px;
}

.ie8 .left-sidebar .posts-block .span9 .carouselslider,
.ie8 .right-sidebar .posts-block .span9 .carouselslider {
    width: 520px;
}

.ie8 .span12 .items5 li {
    width: 172px;
}

.ie8 .span12 .items4 li {
    width: 220px;
}

.ie8 .span12 .items3 li {
    width: 300px;
}

.ie8 .span12 .items2 li {
    width: 460px;
}

.ie8 .span12 .items1 li {
    width: 940px;
}

.ie8 .span6 .items5 li {
    width: 75px;
}

.ie8 .span6 .items4 li {
    width: 99px;
}

.ie8 .span6 .items3 li {
    width: 139px;
}

.ie8 .span6 .items2 li {
    width: 219px;
}

.ie8 .span6 .items1 li {
    width: 458px;
}

.ie8 .span4 .items5 li {
    width: 43px;
}

.ie8 .span4 .items4 li {
    width: 59px;
}

.ie8 .span4 .items3 li {
    width: 86px;
}

.ie8 .span4 .items2 li {
    width: 139px;
}

.ie8 .span4 .items1 li {
    width: 298px;
}

.ie8 .span3 .items5 li {
    width: 28px;
}

.ie8 .span3 .items4 li {
    width: 40px;
}

.ie8 .span3 .items3 li {
    width: 60px;
}

.ie8 .span3 .items2 li {
    width: 100px;
}

.ie8 .span3 .items1 li {
    width: 220px;
}

.ie8 .span8 .items5 li {
    width: 107px;
}

.ie8 .span8 .items4 li {
    width: 139px;
}

.ie8 .span8 .items3 li {
    width: 192px;
}

.ie8 .span8 .items2 li {
    width: 299px;
}

.ie8 .span8 .items1 li {
    width: 618px;
}

.ie8 .span9 .items5 li {
    width: 124px;
}

.ie8 .span9 .items4 li {
    width: 160px;
}

.ie8 .span9 .items3 li {
    width: 220px;
}

.ie8 .span9 .items2 li {
    width: 340px;
}

.ie8 .span9 .items1 li {
    width: 700px;
}

/* items size with sidebar*/
.ie8 .left-sidebar .posts-block .span12 .items5 li,
.ie8 .right-sidebar .posts-block .span12 .items5 li {
    width: 124px;
}

.ie8 .left-sidebar .posts-block .span12 .items4 li,
.ie8 .right-sidebar .posts-block .span12 .items4 li {
    width: 160px;
}

.ie8 .left-sidebar .posts-block .span12 .items3 li,
.ie8 .right-sidebar .posts-block .span12 .items3 li {
    width: 220px;
}

.ie8 .left-sidebar .posts-block .span12 .items2 li,
.ie8 .right-sidebar .posts-block .span12 .items2 li {
    width: 340px;
}

.ie8 .left-sidebar .posts-block .span12 .items1 li,
.ie8 .right-sidebar .posts-block .span12 .items1 li {
    width: 700px;
}

.ie8 .left-sidebar .posts-block .span6 .items5 li,
.ie8 .right-sidebar .posts-block .span6 .items5 li {
    width: 52px;
}

.ie8 .left-sidebar .posts-block .span6 .items4 li,
.ie8 .right-sidebar .posts-block .span6 .items4 li {
    width: 70px;
}

.ie8 .left-sidebar .posts-block .span6 .items3 li,
.ie8 .right-sidebar .posts-block .span6 .items3 li {
    width: 100px;
}

.ie8 .left-sidebar .posts-block .span6 .items2 li,
.ie8 .right-sidebar .posts-block .span6 .items2 li {
    width: 160px;
}

.ie8 .left-sidebar .posts-block .span6 .items1 li,
.ie8 .right-sidebar .posts-block .span6 .items1 li {
    width: 341px;
}

.ie8 .left-sidebar .posts-block .span4 .items5 li,
.ie8 .right-sidebar .posts-block .span4 .items5 li {
    width: 28px;
}

.ie8 .left-sidebar .posts-block .span4 .items4 li,
.ie8 .right-sidebar .posts-block .span4 .items4 li {
    width: 40px;
}

.ie8 .left-sidebar .posts-block .span4 .items3 li,
.ie8 .right-sidebar .posts-block .span4 .items3 li {
    width: 60px;
}

.ie8 .left-sidebar .posts-block .span4 .items2 li,
.ie8 .right-sidebar .posts-block .span4 .items2 li {
    width: 100px;
}

.ie8 .left-sidebar .posts-block .span4 .items1 li,
.ie8 .right-sidebar .posts-block .span4 .items1 li {
    width: 221px;
}

.ie8 .left-sidebar .posts-block .span3 .items5 li,
.ie8 .right-sidebar .posts-block .span3 .items5 li {
    width: 16px;
}

.ie8 .left-sidebar .posts-block .span3 .items4 li,
.ie8 .right-sidebar .posts-block .span3 .items4 li {
    width: 25px;
}

.ie8 .left-sidebar .posts-block .span3 .items3 li,
.ie8 .right-sidebar .posts-block .span3 .items3 li {
    width: 40px;
}

.ie8 .left-sidebar .posts-block .span3 .items2 li,
.ie8 .right-sidebar .posts-block .span3 .items2 li {
    width: 70px;
}

.ie8 .left-sidebar .posts-block .span3 .items1 li,
.ie8 .right-sidebar .posts-block .span3 .items1 li {
    width: 161px;
}

.ie8 .left-sidebar .posts-block .span8 .items5 li,
.ie8 .right-sidebar .posts-block .span8 .items5 li {
    width: 76px;
}

.ie8 .left-sidebar .posts-block .span8 .items4 li,
.ie8 .right-sidebar .posts-block .span8 .items4 li {
    width: 100px;
}

.ie8 .left-sidebar .posts-block .span8 .items3 li,
.ie8 .right-sidebar .posts-block .span8 .items3 li {
    width: 140px;
}

.ie8 .left-sidebar .posts-block .span8 .items2 li,
.ie8 .right-sidebar .posts-block .span8 .items2 li {
    width: 220px;
}

.ie8 .left-sidebar .posts-block .span8 .items1 li,
.ie8 .right-sidebar .posts-block .span8 .items1 li {
    width: 460px;
}

.ie8 .left-sidebar .posts-block .span9 .items5 li,
.ie8 .right-sidebar .posts-block .span9 .items5 li {
    width: 88px;
}

.ie8 .left-sidebar .posts-block .span9 .items4 li,
.ie8 .right-sidebar .posts-block .span9 .items4 li {
    width: 115px;
}

.ie8 .left-sidebar .posts-block .span9 .items3 li,
.ie8 .right-sidebar .posts-block .span9 .items3 li {
    width: 160px;
}

.ie8 .left-sidebar .posts-block .span9 .items2 li,
.ie8 .right-sidebar .posts-block .span9 .items2 li {
    width: 250px;
}

.ie8 .left-sidebar .posts-block .span9 .items1 li,
.ie8 .right-sidebar .posts-block .span9 .items1 li {
    width: 520px;
}

/* S L I D E R*/

.fullscreen_slider .oneByOne_item,
.fullscreen_slider .oneByOne1 {
    height: 500px !important;
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
    /*80%*/
    .module_layer_slider .module_content {
        height: 400px !important;
    }

    .module_layer_slider .OneByOne_container {
        height: 400px !important;
    }

    .module_layer_slider .oneByOne_item {
        height: 400px !important;
    }

    .oneByOne1 {
        height: 400px !important;
    }

    .slider_type1 .ls1_txt1 {
        top: 34px;
        margin-left: -418px;
        width: 422px;
        height: auto !important;
    }

    .slider_type1 .ls1_txt2 {
        bottom: 132px;
        margin-left: -214px;
        width: 200px;
        height: auto !important;
    }

    .slider_type1 .ls1_txt3 {
        bottom: 132px;
        margin-left: -418px;
        width: 200px;
        height: auto !important;
    }

    .slider_type1 .ls1_txt4 {
        bottom: 81px;
        margin-left: -384px;
        width: 166px;
        height: auto !important;
    }

    .slider_type1 .ls1_txt5 {
        bottom: 81px;
        margin-left: -214px;
        width: 200px;
        height: auto !important;
    }

    .slider_type1 .ls1_txt6 {
        bottom: 25px;
        margin-left: -190px;
        width: 176px;
        height: auto !important;
    }

    .slider_type1 .ls1_txt7 {
        bottom: 25px;
        margin-left: -418px;
        width: 224px;
        height: auto !important;
    }

    .slider_type1 .ls2_txt1 {
        bottom: 28px;
        margin-left: -445px;
        width: 332px;
        height: auto !important;
    }

    .slider_type1 .ls2_txt2 {
        bottom: 29px;
        margin-left: -222px;
        width: 400px;
        height: auto !important;
    }

    .slider_type1 .ls2_txt3 {
        bottom: 19px;
        margin-left: 61px;
        width: 180px;
        height: auto !important;
    }

    .slider_type1 .ls2_txt4 {
        bottom: 17px;
        margin-left: 246px;
        width: 144px;
        height: auto !important;
    }

    .slider_type1 .ls2_txt5 {
        bottom: 25px;
        margin-left: 397px;
        width: 48px;
        height: auto !important;
    }

    .slider_type1 .ls2_txt6 {
        bottom: 145px;
        margin-left: -313px;
        width: 170px;
        height: auto !important;
    }

    .slider_type1 .ls2_txt7 {
        top: 75px;
        margin-left: -445px;
        width: 188px;
        height: auto !important;
    }

    .slider_type1 .ls2_txt8 {
        top: 70px;
        margin-left: 190px;
        width: 256px;
        height: auto !important;
    }

    .slider_type1 .ls2_txt9 {
        top: 136px;
        margin-left: 283px;
        width: 164px;
        height: auto !important;
    }

    .slider_type1 .ls3_txt1 {
        bottom: 44px;
        margin-left: -444px;
        width: 236px;
        height: auto !important;
    }

    .slider_type1 .ls3_txt2 {
        bottom: 48px;
        margin-left: -185px;
        width: 614px;
        height: auto !important;
    }

    .slider_type1 .ls4_txt1 {
        top: 30px;
        margin-left: -461px;
        width: 620px;
        height: auto !important;
    }

    .slider_type1 .ls4_frame {
        top: 51px;
        margin-left: -385px;
        width: 468px;
        height: 292px;
    }

    .slider_type1 .ls4_txt2 {
        top: 33px;
        margin-left: 104px;
        width: 344px;
        height: auto !important;
    }

    .slider_type1 .ls4_txt3 {
        bottom: 36px;
        margin-left: 177px;
        width: 128px;
        height: auto !important;
    }

    .slider_type1 .ls4_txt4 {
        bottom: 32px;
        margin-left: 298px;
        width: 102px;
        height: auto !important;
    }

    .slider_type1 form.subscribe {
        top: 155px;
        margin-left: 131px;
        width: 325px;
    }

    .slider_type1 form.subscribe p {
        font-size: 13px;
        line-height: 15px;
    }

    .slider_type1 form.subscribe .subscribe_field {
        width: 180px;
    }

    .slider_type1 .ls5_txt1 {
        top: 66px;
        margin-left: -287px;
        width: 584px;
        height: auto !important;
    }

    .slider_type1 .ls5_txt2 {
        top: 180px;
        margin-left: -167px;
        width: 336px;
        height: auto !important;
    }

    .slider_type1 .ls5_txt3 {
        top: 237px;
        margin-left: -125px;
        width: 252px;
        height: auto !important;
    }

    /*Layer2*/
    .fullscreen_slider .ls1_txt1 {
        width: 422px;
        height: auto;
        top: 34px;
        margin-left: -467px;
    }

    .fullscreen_slider .ls1_txt2 {
        width: 200px;
        height: auto;
        top: 151px;
        margin-left: -264px;
    }

    .fullscreen_slider .ls1_txt3 {
        width: 200px;
        height: auto;
        top: 204px;
        margin-left: -467px;
    }

    .fullscreen_slider .ls1_txt4 {
        width: 166px;
        height: auto;
        top: 255px;
        margin-left: -433px;
    }

    .fullscreen_slider .ls1_txt5 {
        width: 200px;
        height: auto;
        top: 255px;
        margin-left: -263px;
    }

    .fullscreen_slider .ls1_txt6 {
        width: 176px;
        top: 306px;
        margin-left: -239px;
    }

    .fullscreen_slider .ls1_txt7 {
        width: 224px;
        top: 306px;
        height: auto;
        margin-left: -467px;
    }

    .fullscreen_slider .ls2_txt1 {
        width: 332px;
        bottom: 40px;
        height: auto;
        margin-left: -469px;
    }

    .fullscreen_slider .ls2_txt2 {
        width: 400px;
        bottom: 41px;
        height: auto;
        margin-left: -198px;
    }

    .fullscreen_slider .ls2_txt3 {
        width: 180px;
        bottom: 31px;
        height: auto;
        margin-left: 85px;
    }

    .fullscreen_slider .ls2_txt4 {
        width: 144px;
        bottom: 29px;
        height: auto;
        margin-left: 270px;
    }

    .fullscreen_slider .ls2_txt5 {
        width: 48px;
        bottom: 37px;
        height: auto;
        margin-left: 421px;
    }

    .fullscreen_slider .ls2_txt6 {
        width: 170px;
        bottom: 157px;
        height: auto;
        margin-left: -337px;
    }

    .fullscreen_slider .ls2_txt7 {
        width: 188px;
        top: 75px;
        height: auto;
        margin-left: -469px;
    }

    .fullscreen_slider .ls2_txt8 {
        width: 256px;
        top: 78px;
        height: auto;
        margin-left: 214px;
    }

    .fullscreen_slider .ls2_txt9 {
        width: 164px;
        top: 144px;
        height: auto;
        margin-left: 307px;
    }

    .fullscreen_slider .ls3_txt1 {
        width: 236px;
        top: 48px;
        height: auto;
        margin-left: -440px;
    }

    .fullscreen_slider .ls3_txt2 {
        width: 614px;
        bottom: 48px;
        height: auto;
        margin-left: -172px;
    }

    .fullscreen_slider .ls4_txt1 {
        width: 620px;
        top: 30px;
        height: auto;
        margin-left: -469px;
    }

    .fullscreen_slider .ls4_frame {
        width: 00px;
        top: 51px;
        height: auto;
        margin-left: -393px;
        width: 468px;
        height: 292px;
    }

    .fullscreen_slider .ls4_txt2 {
        width: 344px;
        top: 33px;
        height: auto;
        margin-left: 124px;
    }

    .fullscreen_slider .ls4_txt3 {
        width: 128px;
        bottom: 36px;
        height: auto;
        margin-left: 230px;
    }

    .fullscreen_slider .ls4_txt4 {
        width: 102px;
        bottom: 32px;
        height: auto;
        margin-left: 351px;
    }

    .fullscreen_slider form.subscribe {
        top: 155px;
        margin-left: 155px;
        width: 325px;
    }

    .fullscreen_slider form.subscribe p {
        font-size: 13px;
        line-height: 15px;
    }

    .fullscreen_slider form.subscribe .subscribe_field {
        width: 180px;
    }

    .fullscreen_slider .ls5_txt1 {
        width: 584px;
        top: 66px;
        height: auto;
        margin-left: -287px;
    }

    .fullscreen_slider .ls5_txt2 {
        width: 336px;
        top: 180px;
        height: auto;
        margin-left: -167px;
    }

    .fullscreen_slider .ls5_txt3 {
        width: 252px;
        top: 237px;
        height: auto;
        margin-left: -125px;
    }

}

@media only screen and (min-width: 760px) and (max-width: 959px) {
    .fullscreen_slider .oneByOne_item,
    .fullscreen_slider .oneByOne1 {
        height: 310px !important;
    }

    /*62%*/
    .module_layer_slider .module_content {
        width: 100%;
        height: 310px;
    }

    .module_layer_slider .OneByOne_container {
        position: absolute;
        width: 100%;
        height: 310px;
    }

    .module_layer_slider .oneByOne_item {
        width: 100%;
        height: 310px;
        position: absolute !important;
        display: block !important;
    }

    .oneByOne1 {
        height: 310px !important;
    }

    /*Layer1*/
    .slider_type1 .ls1_txt1 {
        width: 327px;
        top: 26px;
        height: auto;
        margin-left: -323px;
    }

    .slider_type1 .ls1_txt2 {
        width: 155px;
        bottom: 102px;
        height: auto;
        margin-left: -166px;
    }

    .slider_type1 .ls1_txt3 {
        width: 155px;
        bottom: 102px;
        height: auto;
        margin-left: -323px;
    }

    .slider_type1 .ls1_txt4 {
        width: 129px;
        bottom: 62px;
        height: auto;
        margin-left: -297px;
    }

    .slider_type1 .ls1_txt5 {
        width: 155px;
        bottom: 62px;
        height: auto;
        margin-left: -165px;
    }

    .slider_type1 .ls1_txt6 {
        width: 136px;
        bottom: 19px;
        height: auto;
        margin-left: -147px;
    }

    .slider_type1 .ls1_txt7 {
        width: 174px;
        bottom: 19px;
        height: auto;
        margin-left: -323px;
    }

    .slider_type1 .ls2_txt1 {
        width: 257px;
        bottom: 21px;
        height: auto;
        margin-left: -344px;
    }

    .slider_type1 .ls2_txt2 {
        width: 310px;
        bottom: 23px;
        height: auto;
        margin-left: -172px;
    }

    .slider_type1 .ls2_txt3 {
        width: 140px;
        bottom: 15px;
        height: auto;
        margin-left: 48px;
    }

    .slider_type1 .ls2_txt4 {
        width: 112px;
        bottom: 13px;
        height: auto;
        margin-left: 191px;
    }

    .slider_type1 .ls2_txt5 {
        width: 37px;
        bottom: 19px;
        height: auto;
        margin-left: 307px;
    }

    .slider_type1 .ls2_txt6 {
        width: 131px;
        bottom: 112px;
        height: auto;
        margin-left: -243px;
    }

    .slider_type1 .ls2_txt7 {
        width: 146px;
        top: 58px;
        height: auto;
        margin-left: -344px;
    }

    .slider_type1 .ls2_txt8 {
        width: 198px;
        top: 54px;
        height: auto;
        margin-left: 147px;
    }

    .slider_type1 .ls2_txt9 {
        width: 127px;
        top: 105px;
        height: auto;
        margin-left: 219px;
    }

    .slider_type1 .ls3_txt1 {
        width: 183px;
        bottom: 34px;
        height: auto;
        margin-left: -344px;
    }

    .slider_type1 .ls3_txt2 {
        width: 476px;
        bottom: 37px;
        height: auto;
        margin-left: -143px;
    }

    .slider_type1 .ls4_txt1 {
        width: 481px;
        top: 23px;
        height: auto;
        margin-left: -357px;
    }

    .slider_type1 .ls4_frame {
        top: 39px;
        margin-left: -298px;
        width: 362px;
        height: 226px;
    }

    .slider_type1 .ls4_txt2 {
        width: 267px;
        top: 26px;
        height: auto;
        margin-left: 80px;
    }

    .slider_type1 .ls4_txt3 {
        width: 99px;
        bottom: 28px;
        height: auto;
        margin-left: 137px;
    }

    .slider_type1 .ls4_txt4 {
        width: 79px;
        bottom: 25px;
        height: auto;
        margin-left: 231px;
    }

    .slider_type1 form.subscribe {
        top: 120px;
        height: auto;
        margin-left: 101px;
        width: 250px;
    }

    .slider_type1 form.subscribe p {
        display: none !important;
    }

    .slider_type1 form.subscribe .subscribe_field {
        width: 105px;
    }

    .slider_type1 .ls5_txt1 {
        width: 453px;
        top: 51px;
        height: auto;
        margin-left: -222px;
    }

    .slider_type1 .ls5_txt2 {
        width: 260px;
        top: 139px;
        height: auto;
        margin-left: -129px;
    }

    .slider_type1 .ls5_txt3 {
        width: 195px;
        top: 183px;
        height: auto;
        margin-left: -97px;
    }

    /*Layer2*/
    .fullscreen_slider .ls1_txt1 {
        width: 327px;
        height: auto;
        top: 26px;
        margin-left: -362px;
    }

    .fullscreen_slider .ls1_txt2 {
        width: 155px;
        height: auto;
        top: 117px;
        margin-left: -204px;
    }

    .fullscreen_slider .ls1_txt3 {
        width: 155px;
        height: auto;
        top: 158px;
        margin-left: -362px;
    }

    .fullscreen_slider .ls1_txt4 {
        width: 129px;
        height: auto;
        top: 197px;
        margin-left: -335px;
    }

    .fullscreen_slider .ls1_txt5 {
        width: 155px;
        height: auto;
        top: 197px;
        margin-left: -203px;
    }

    .fullscreen_slider .ls1_txt6 {
        width: 136px;
        top: 237px;
        margin-left: -185px;
    }

    .fullscreen_slider .ls1_txt7 {
        width: 174px;
        top: 237px;
        height: auto;
        margin-left: -362px;
    }

    .fullscreen_slider .ls2_txt1 {
        width: 257px;
        bottom: 31px;
        height: auto;
        margin-left: -363px;
    }

    .fullscreen_slider .ls2_txt2 {
        width: 310px;
        bottom: 32px;
        height: auto;
        margin-left: -153px;
    }

    .fullscreen_slider .ls2_txt3 {
        width: 140px;
        bottom: 24px;
        height: auto;
        margin-left: 66px;
    }

    .fullscreen_slider .ls2_txt4 {
        width: 112px;
        bottom: 22px;
        height: auto;
        margin-left: 209px;
    }

    .fullscreen_slider .ls2_txt5 {
        width: 37px;
        bottom: 28px;
        height: auto;
        margin-left: 326px;
    }

    .fullscreen_slider .ls2_txt6 {
        width: 131px;
        bottom: 121px;
        height: auto;
        margin-left: -261px;
    }

    .fullscreen_slider .ls2_txt7 {
        width: 146px;
        top: 58px;
        height: auto;
        margin-left: -363px;
    }

    .fullscreen_slider .ls2_txt8 {
        width: 198px;
        top: 60px;
        height: auto;
        margin-left: 166px;
    }

    .fullscreen_slider .ls2_txt9 {
        width: 127px;
        top: 111px;
        height: auto;
        margin-left: 238px;
    }

    .fullscreen_slider .ls3_txt1 {
        width: 183px;
        top: 37px;
        height: auto;
        margin-left: -341px;
    }

    .fullscreen_slider .ls3_txt2 {
        width: 476px;
        bottom: 37px;
        height: auto;
        margin-left: -133px;
    }

    .fullscreen_slider .ls4_txt1 {
        width: 481px;
        top: 23px;
        height: auto;
        margin-left: -363px;
    }

    .fullscreen_slider .ls4_frame {
        top: 39px;
        margin-left: -304px;
        width: 362px;
        height: 226px;
    }

    .fullscreen_slider .ls4_txt2 {
        width: 267px;
        top: 26px;
        height: auto;
        margin-left: 96px;
    }

    .fullscreen_slider .ls4_txt3 {
        width: 99px;
        bottom: 28px;
        height: auto;
        margin-left: 178px;
    }

    .fullscreen_slider .ls4_txt4 {
        width: 79px;
        bottom: 25px;
        height: auto;
        margin-left: 272px;
    }

    .fullscreen_slider form.subscribe {
        top: 120px;
        margin-left: 120px;
        width: 250px;
    }

    .fullscreen_slider form.subscribe p {
        display: none !important;
    }

    .fullscreen_slider form.subscribe .subscribe_field {
        width: 105px;
    }

    .fullscreen_slider .ls5_txt1 {
        width: 453px;
        top: 51px;
        height: auto;
        margin-left: -222px;
    }

    .fullscreen_slider .ls5_txt2 {
        width: 260px;
        top: 139px;
        height: auto;
        margin-left: -129px;
    }

    .fullscreen_slider .ls5_txt3 {
        width: 195px;
        top: 183px;
        height: auto;
        margin-left: -97px;
    }
}

@media only screen and (min-width: 459px) and (max-width: 759px) {
    .fullscreen_slider .oneByOne_item,
    .fullscreen_slider .oneByOne1 {
        height: 180px !important;
    }

    /*36%*/
    .module_layer_slider .module_content {
        width: 100%;
        height: 180px;
    }

    .module_layer_slider .OneByOne_container {
        position: absolute;
        width: 100%;
        height: 180px;
    }

    .module_layer_slider .oneByOne_item {
        width: 100%;
        height: 180px;
        position: absolute !important;
        display: block !important;
    }

    .oneByOne1 {
        height: 180px !important;
    }


    /*Layer1*/
    .slider_type1 .ls1_txt1 {
        width: 190px;
        top: 15px;
        height: auto;
        margin-left: -187px;
    }

    .slider_type1 .ls1_txt2 {
        width: 90px;
        bottom: 59px;
        height: auto;
        margin-left: -96px;
    }

    .slider_type1 .ls1_txt3 {
        width: 90px;
        bottom: 59px;
        height: auto;
        margin-left: -187px;
    }

    .slider_type1 .ls1_txt4 {
        width: 75px;
        bottom: 36px;
        height: auto;
        margin-left: -172px;
    }

    .slider_type1 .ls1_txt5 {
        width: 90px;
        bottom: 36px;
        height: auto;
        margin-left: -96px;
    }

    .slider_type1 .ls1_txt6 {
        width: 79px;
        bottom: 11px;
        height: auto;
        margin-left: -85px;
    }

    .slider_type1 .ls1_txt7 {
        width: 101px;
        bottom: 11px;
        height: auto;
        margin-left: -187px;
    }

    .slider_type1 .ls2_txt1 {
        width: 149px;
        bottom: 12px;
        height: auto;
        margin-left: -200px;
    }

    .slider_type1 .ls2_txt2 {
        width: 180px;
        bottom: 13px;
        height: auto;
        margin-left: -100px;
    }

    .slider_type1 .ls2_txt3 {
        width: 81px;
        bottom: 8px;
        height: auto;
        margin-left: 27px;
    }

    .slider_type1 .ls2_txt4 {
        width: 65px;
        bottom: 7px;
        height: auto;
        margin-left: 110px;
    }

    .slider_type1 .ls2_txt5 {
        width: 22px;
        bottom: 11px;
        height: auto;
        margin-left: 178px;
    }

    .slider_type1 .ls2_txt6 {
        width: 76px;
        bottom: 65px;
        height: auto;
        margin-left: -141px;
    }

    .slider_type1 .ls2_txt7 {
        width: 85px;
        top: 33px;
        height: auto;
        margin-left: -200px;
    }

    .slider_type1 .ls2_txt8 {
        width: 115px;
        top: 31px;
        height: auto;
        margin-left: 85px;
    }

    .slider_type1 .ls2_txt9 {
        width: 74px;
        top: 61px;
        height: auto;
        margin-left: 127px;
    }

    .slider_type1 .ls3_txt1 {
        width: 106px;
        bottom: 19px;
        height: auto;
        margin-left: -199px;
    }

    .slider_type1 .ls3_txt2 {
        width: 276px;
        bottom: 21px;
        height: auto;
        margin-left: -83px;
    }

    .slider_type1 .ls4_txt1 {
        width: 279px;
        top: 13px;
        height: auto;
        margin-left: -207px;
    }

    .slider_type1 .ls4_frame {
        width: 00px;
        top: 23px;
        height: auto;
        margin-left: -173px;
        width: 210px;
        height: 131px;
    }

    .slider_type1 .ls4_txt2 {
        width: 155px;
        top: 15px;
        height: auto;
        margin-left: 46px;
    }

    .slider_type1 .ls4_txt3 {
        width: 58px;
        bottom: 16px;
        height: auto;
        margin-left: 79px;
    }

    .slider_type1 .ls4_txt4 {
        width: 46px;
        bottom: 14px;
        height: auto;
        margin-left: 134px;
    }

    .slider_type1 form.subscribe {
        display: none !important;
    }

    .slider_type1 .ls5_txt1 {
        width: 263px;
        top: 29px;
        height: auto;
        margin-left: -129px;
    }

    .slider_type1 .ls5_txt2 {
        width: 151px;
        top: 81px;
        height: auto;
        margin-left: -75px;
    }

    .slider_type1 .ls5_txt3 {
        width: 113px;
        top: 106px;
        height: auto;
        margin-left: -56px;
    }

    /*Layer2*/
    .fullscreen_slider .ls1_txt1 {
        width: 190px;
        height: auto;
        top: 15px;
        margin-left: -210px;
    }

    .fullscreen_slider .ls1_txt2 {
        width: 90px;
        height: auto;
        top: 68px;
        margin-left: -118px;
    }

    .fullscreen_slider .ls1_txt3 {
        width: 90px;
        height: auto;
        top: 91px;
        margin-left: -210px;
    }

    .fullscreen_slider .ls1_txt4 {
        width: 75px;
        height: auto;
        top: 114px;
        margin-left: -194px;
    }

    .fullscreen_slider .ls1_txt5 {
        width: 90px;
        height: auto;
        top: 114px;
        margin-left: -118px;
    }

    .fullscreen_slider .ls1_txt6 {
        width: 79px;
        top: 137px;
        margin-left: -107px;
    }

    .fullscreen_slider .ls1_txt7 {
        width: 101px;
        top: 137px;
        height: auto;
        margin-left: -210px;
    }

    .fullscreen_slider .ls2_txt1 {
        width: 149px;
        bottom: 18px;
        height: auto;
        margin-left: -210px;
    }

    .fullscreen_slider .ls2_txt2 {
        width: 180px;
        bottom: 18px;
        height: auto;
        margin-left: -89px;
    }

    .fullscreen_slider .ls2_txt3 {
        width: 81px;
        bottom: 14px;
        height: auto;
        margin-left: 38px;
    }

    .fullscreen_slider .ls2_txt4 {
        width: 65px;
        bottom: 12px;
        height: auto;
        margin-left: 121px;
    }

    .fullscreen_slider .ls2_txt5 {
        width: 22px;
        bottom: 16px;
        height: auto;
        margin-left: 189px;
    }

    .fullscreen_slider .ls2_txt6 {
        width: 76px;
        bottom: 70px;
        height: auto;
        margin-left: -151px;
    }

    .fullscreen_slider .ls2_txt7 {
        width: 85px;
        top: 33px;
        height: auto;
        margin-left: -210px;
    }

    .fullscreen_slider .ls2_txt8 {
        width: 115px;
        top: 35px;
        height: auto;
        margin-left: 96px;
    }

    .fullscreen_slider .ls2_txt9 {
        width: 74px;
        top: 64px;
        height: auto;
        margin-left: 138px;
    }

    .fullscreen_slider .ls3_txt1 {
        width: 106px;
        top: 21px;
        height: auto;
        margin-left: -198px;
    }

    .fullscreen_slider .ls3_txt2 {
        width: 276px;
        bottom: 21px;
        height: auto;
        margin-left: -77px;
    }

    .fullscreen_slider .ls4_txt1 {
        width: 279px;
        top: 13px;
        height: auto;
        margin-left: -210px;
    }

    .fullscreen_slider .ls4_frame {
        top: 23px;
        margin-left: -176px;
        width: 210px;
        height: 131px;
    }

    .fullscreen_slider .ls4_txt2 {
        width: 155px;
        top: 15px;
        height: auto;
        margin-left: 55px;
    }

    .fullscreen_slider .ls4_txt3 {
        width: 58px;
        bottom: 16px;
        height: auto;
        margin-left: 103px;
    }

    .fullscreen_slider .ls4_txt4 {
        width: 46px;
        bottom: 14px;
        height: auto;
        margin-left: 158px;
    }

    .fullscreen_slider form.subscribe {
        display: none !important;
    }

    .fullscreen_slider .ls5_txt1 {
        width: 263px;
        top: 29px;
        height: auto;
        margin-left: -129px;
    }

    .fullscreen_slider .ls5_txt2 {
        width: 151px;
        top: 81px;
        height: auto;
        margin-left: -75px;
    }

    .fullscreen_slider .ls5_txt3 {
        width: 113px;
        top: 106px;
        height: auto;
        margin-left: -56px;
    }
}

@media only screen and (max-width: 459px) {
    .fullscreen_slider .oneByOne_item,
    .fullscreen_slider .oneByOne1 {
        height: 130px !important;
    }

    /*26%*/
    .module_layer_slider .module_content {
        width: 100%;
        height: 130px;
    }

    .module_layer_slider .OneByOne_container {
        position: absolute;
        width: 100%;
        height: 130px;
    }

    .module_layer_slider .oneByOne_item {
        width: 100%;
        height: 130px;
        position: absolute !important;
        display: block !important;
    }

    .oneByOne1 {
        height: 130px !important;
    }

    /*Layer1*/
    .slider_type1 .ls1_txt1 {
        width: 137px;
        top: 11px;
        height: auto;
        margin-left: -135px;
    }

    .slider_type1 .ls1_txt2 {
        width: 65px;
        bottom: 42px;
        height: auto;
        margin-left: -69px;
    }

    .slider_type1 .ls1_txt3 {
        width: 65px;
        bottom: 42px;
        height: auto;
        margin-left: -135px;
    }

    .slider_type1 .ls1_txt4 {
        width: 54px;
        bottom: 26px;
        height: auto;
        margin-left: -124px;
    }

    .slider_type1 .ls1_txt5 {
        width: 65px;
        bottom: 26px;
        height: auto;
        margin-left: -69px;
    }

    .slider_type1 .ls1_txt6 {
        width: 57px;
        bottom: 8px;
        height: auto;
        margin-left: -61px;
    }

    .slider_type1 .ls1_txt7 {
        width: 73px;
        bottom: 8px;
        height: auto;
        margin-left: -135px;
    }

    .slider_type1 .ls2_txt1 {
        width: 108px;
        bottom: 9px;
        height: auto;
        margin-left: -144px;
    }

    .slider_type1 .ls2_txt2 {
        width: 130px;
        bottom: 9px;
        height: auto;
        margin-left: -72px;
    }

    .slider_type1 .ls2_txt3 {
        width: 59px;
        bottom: 6px;
        height: auto;
        margin-left: 20px;
    }

    .slider_type1 .ls2_txt4 {
        width: 47px;
        bottom: 5px;
        height: auto;
        margin-left: 80px;
    }

    .slider_type1 .ls2_txt5 {
        width: 16px;
        bottom: 8px;
        height: auto;
        margin-left: 128px;
    }

    .slider_type1 .ls2_txt6 {
        width: 55px;
        bottom: 47px;
        height: auto;
        margin-left: -101px;
    }

    .slider_type1 .ls2_txt7 {
        width: 61px;
        top: 24px;
        height: auto;
        margin-left: -144px;
    }

    .slider_type1 .ls2_txt8 {
        width: 83px;
        top: 22px;
        height: auto;
        margin-left: 61px;
    }

    .slider_type1 .ls2_txt9 {
        width: 53px;
        top: 44px;
        height: auto;
        margin-left: 92px;
    }

    .slider_type1 .ls3_txt1 {
        width: 77px;
        bottom: 14px;
        height: auto;
        margin-left: -144px;
    }

    .slider_type1 .ls3_txt2 {
        width: 199px;
        bottom: 15px;
        height: auto;
        margin-left: -60px;
    }

    .slider_type1 .ls4_txt1 {
        width: 202px;
        top: 9px;
        height: auto;
        margin-left: -149px;
    }

    .slider_type1 .ls4_frame {
        top: 16px;
        margin-left: -125px;
        width: 152px;
        height: 94px;
    }

    .slider_type1 .ls4_txt2 {
        width: 112px;
        top: 10px;
        height: auto;
        margin-left: 33px;
    }

    .slider_type1 .ls4_txt3 {
        width: 42px;
        bottom: 11px;
        height: auto;
        margin-left: 57px;
    }

    .slider_type1 .ls4_txt4 {
        width: 33px;
        bottom: 10px;
        height: auto;
        margin-left: 96px;
    }

    .slider_type1 form.subscribe {
        display: none !important;
    }

    .slider_type1 .ls5_txt1 {
        width: 190px;
        top: 21px;
        height: auto;
        margin-left: -93px;
    }

    .slider_type1 .ls5_txt2 {
        width: 109px;
        top: 58px;
        height: auto;
        margin-left: -54px;
    }

    .slider_type1 .ls5_txt3 {
        width: 82px;
        top: 76px;
        height: auto;
        margin-left: -40px;
    }


    /*Layer2*/
    .fullscreen_slider .ls1_txt1 {
        width: 137px;
        height: auto;
        top: 11px;
        margin-left: -151px;
    }

    .fullscreen_slider .ls1_txt2 {
        width: 65px;
        height: auto;
        top: 49px;
        margin-left: -85px;
    }

    .fullscreen_slider .ls1_txt3 {
        width: 65px;
        height: auto;
        top: 66px;
        margin-left: -151px;
    }

    .fullscreen_slider .ls1_txt4 {
        width: 54px;
        height: auto;
        top: 85px;
        margin-left: -140px;
    }

    .fullscreen_slider .ls1_txt5 {
        width: 65px;
        height: auto;
        top: 82px;
        margin-left: -85px;
    }

    .fullscreen_slider .ls1_txt6 {
        width: 57px;
        top: 99px;
        margin-left: -77px;
    }

    .fullscreen_slider .ls1_txt7 {
        width: 73px;
        top: 99px;
        height: auto;
        margin-left: -151px;
    }

    .fullscreen_slider .ls2_txt1 {
        width: 108px;
        bottom: 13px;
        height: auto;
        margin-left: -152px;
    }

    .fullscreen_slider .ls2_txt2 {
        width: 130px;
        bottom: 13px;
        height: auto;
        margin-left: -64px;
    }

    .fullscreen_slider .ls2_txt3 {
        width: 59px;
        bottom: 10px;
        height: auto;
        margin-left: 27px;
    }

    .fullscreen_slider .ls2_txt4 {
        width: 47px;
        bottom: 9px;
        height: auto;
        margin-left: 87px;
    }

    .fullscreen_slider .ls2_txt5 {
        width: 16px;
        bottom: 11px;
        height: auto;
        margin-left: 136px;
    }

    .fullscreen_slider .ls2_txt6 {
        width: 55px;
        bottom: 50px;
        height: auto;
        margin-left: -109px;
    }

    .fullscreen_slider .ls2_txt7 {
        width: 61px;
        top: 24px;
        height: auto;
        margin-left: -152px;
    }

    .fullscreen_slider .ls2_txt8 {
        width: 83px;
        top: 25px;
        height: auto;
        margin-left: 69px;
    }

    .fullscreen_slider .ls2_txt9 {
        width: 53px;
        top: 46px;
        height: auto;
        margin-left: 99px;
    }

    .fullscreen_slider .ls3_txt1 {
        width: 77px;
        top: 15px;
        height: auto;
        margin-left: -143px;
    }

    .fullscreen_slider .ls3_txt2 {
        width: 199px;
        bottom: 15px;
        height: auto;
        margin-left: -55px;
    }

    .fullscreen_slider .ls4_txt1 {
        width: 202px;
        top: 9px;
        height: auto;
        margin-left: -152px;
    }

    .fullscreen_slider .ls4_frame {
        top: 16px;
        margin-left: -127px;
        width: 152px;
        height: 94px;
    }

    .fullscreen_slider .ls4_txt2 {
        width: 112px;
        top: 10px;
        height: auto;
        margin-left: 40px;
    }

    .fullscreen_slider .ls4_txt3 {
        width: 42px;
        bottom: 11px;
        height: auto;
        margin-left: 74px;
    }

    .fullscreen_slider .ls4_txt4 {
        width: 33px;
        bottom: 10px;
        height: auto;
        margin-left: 114px;
    }

    .fullscreen_slider form.subscribe {
        display: none !important;
    }

    .fullscreen_slider .ls5_txt1 {
        width: 190px;
        top: 21px;
        height: auto;
        margin-left: -93px;
    }

    .fullscreen_slider .ls5_txt2 {
        width: 109px;
        top: 58px;
        height: auto;
        margin-left: -54px;
    }

    .fullscreen_slider .ls5_txt3 {
        width: 82px;
        top: 76px;
        height: auto;
        margin-left: -40px;
    }
}

/*80%*/
.ie8 .module_layer_slider .module_content {
    height: 400px !important;
}

.ie8 .module_layer_slider .OneByOne_container {
    height: 400px !important;
}

.ie8 .module_layer_slider .oneByOne_item {
    height: 400px !important;
}

.ie8 .oneByOne1 {
    height: 400px !important;
    background: #efefef;
}

.ie8 .slider_type1 .ls1_txt1 {
    top: 34px;
    margin-left: -418px;
    width: 422px;
    height: auto !important;
}

.ie8 .slider_type1 .ls1_txt2 {
    bottom: 132px;
    margin-left: -214px;
    width: 200px;
    height: auto !important;
}

.ie8 .slider_type1 .ls1_txt3 {
    bottom: 132px;
    margin-left: -418px;
    width: 200px;
    height: auto !important;
}

.ie8 .slider_type1 .ls1_txt4 {
    bottom: 81px;
    margin-left: -384px;
    width: 166px;
    height: auto !important;
}

.ie8 .slider_type1 .ls1_txt5 {
    bottom: 81px;
    margin-left: -214px;
    width: 200px;
    height: auto !important;
}

.ie8 .slider_type1 .ls1_txt6 {
    bottom: 25px;
    margin-left: -190px;
    width: 176px;
    height: auto !important;
}

.ie8 .slider_type1 .ls1_txt7 {
    bottom: 25px;
    margin-left: -418px;
    width: 224px;
    height: auto !important;
}

.ie8 .slider_type1 .ls2_txt1 {
    bottom: 28px;
    margin-left: -445px;
    width: 332px;
    height: auto !important;
}

.ie8 .slider_type1 .ls2_txt2 {
    bottom: 29px;
    margin-left: -222px;
    width: 400px;
    height: auto !important;
}

.ie8 .slider_type1 .ls2_txt3 {
    bottom: 19px;
    margin-left: 61px;
    width: 180px;
    height: auto !important;
}

.ie8 .slider_type1 .ls2_txt4 {
    bottom: 17px;
    margin-left: 246px;
    width: 144px;
    height: auto !important;
}

.ie8 .slider_type1 .ls2_txt5 {
    bottom: 25px;
    margin-left: 397px;
    width: 48px;
    height: auto !important;
}

.ie8 .slider_type1 .ls2_txt6 {
    bottom: 145px;
    margin-left: -313px;
    width: 170px;
    height: auto !important;
}

.ie8 .slider_type1 .ls2_txt7 {
    top: 75px;
    margin-left: -445px;
    width: 188px;
    height: auto !important;
}

.ie8 .slider_type1 .ls2_txt8 {
    top: 70px;
    margin-left: 190px;
    width: 256px;
    height: auto !important;
}

.ie8 .slider_type1 .ls2_txt9 {
    top: 136px;
    margin-left: 283px;
    width: 164px;
    height: auto !important;
}

.ie8 .slider_type1 .ls3_txt1 {
    bottom: 44px;
    margin-left: -444px;
    width: 236px;
    height: auto !important;
}

.ie8 .slider_type1 .ls3_txt2 {
    bottom: 48px;
    margin-left: -185px;
    width: 614px;
    height: auto !important;
}

.ie8 .slider_type1 .ls4_txt1 {
    top: 30px;
    margin-left: -461px;
    width: 620px;
    height: auto !important;
}

.ie8 .slider_type1 .ls4_frame {
    top: 51px;
    margin-left: -385px;
    width: 468px;
    height: 292px;
}

.ie8 .slider_type1 .ls4_txt2 {
    top: 33px;
    margin-left: 104px;
    width: 344px;
    height: auto !important;
}

.ie8 .slider_type1 .ls4_txt3 {
    bottom: 36px;
    margin-left: 177px;
    width: 128px;
    height: auto !important;
}

.ie8 .slider_type1 .ls4_txt4 {
    bottom: 32px;
    margin-left: 298px;
    width: 102px;
    height: auto !important;
}

.ie8 .slider_type1 form.subscribe {
    top: 155px;
    margin-left: 131px;
    width: 325px;
}

.ie8 .slider_type1 form.subscribe p {
    font-size: 13px;
    line-height: 15px;
}

.ie8 .slider_type1 form.subscribe .subscribe_field {
    width: 180px;
}

.ie8 .slider_type1 .ls5_txt1 {
    top: 66px;
    margin-left: -287px;
    width: 584px;
    height: auto !important;
}

.ie8 .slider_type1 .ls5_txt2 {
    top: 180px;
    margin-left: -167px;
    width: 336px;
    height: auto !important;
}

.ie8 .slider_type1 .ls5_txt3 {
    top: 237px;
    margin-left: -125px;
    width: 252px;
    height: auto !important;
}

/*Layer2*/
.ie8 .fullscreen_slider .ls1_txt1 {
    width: 422px;
    height: auto;
    top: 34px;
    margin-left: -467px;
}

.ie8 .fullscreen_slider .ls1_txt2 {
    width: 200px;
    height: auto;
    top: 151px;
    margin-left: -264px;
}

.ie8 .fullscreen_slider .ls1_txt3 {
    width: 200px;
    height: auto;
    top: 204px;
    margin-left: -467px;
}

.ie8 .fullscreen_slider .ls1_txt4 {
    width: 166px;
    height: auto;
    top: 255px;
    margin-left: -433px;
}

.ie8 .fullscreen_slider .ls1_txt5 {
    width: 200px;
    height: auto;
    top: 255px;
    margin-left: -263px;
}

.ie8 .fullscreen_slider .ls1_txt6 {
    width: 176px;
    top: 306px;
    margin-left: -239px;
}

.ie8 .fullscreen_slider .ls1_txt7 {
    width: 224px;
    top: 306px;
    height: auto;
    margin-left: -467px;
}

.ie8 .fullscreen_slider .ls2_txt1 {
    width: 332px;
    bottom: 40px;
    height: auto;
    margin-left: -469px;
}

.ie8 .fullscreen_slider .ls2_txt2 {
    width: 400px;
    bottom: 41px;
    height: auto;
    margin-left: -198px;
}

.ie8 .fullscreen_slider .ls2_txt3 {
    width: 180px;
    bottom: 31px;
    height: auto;
    margin-left: 85px;
}

.ie8 .fullscreen_slider .ls2_txt4 {
    width: 144px;
    bottom: 29px;
    height: auto;
    margin-left: 270px;
}

.ie8 .fullscreen_slider .ls2_txt5 {
    width: 48px;
    bottom: 37px;
    height: auto;
    margin-left: 421px;
}

.ie8 .fullscreen_slider .ls2_txt6 {
    width: 170px;
    bottom: 157px;
    height: auto;
    margin-left: -337px;
}

.ie8 .fullscreen_slider .ls2_txt7 {
    width: 188px;
    top: 75px;
    height: auto;
    margin-left: -469px;
}

.ie8 .fullscreen_slider .ls2_txt8 {
    width: 256px;
    top: 78px;
    height: auto;
    margin-left: 214px;
}

.ie8 .fullscreen_slider .ls2_txt9 {
    width: 164px;
    top: 144px;
    height: auto;
    margin-left: 307px;
}

.ie8 .fullscreen_slider .ls3_txt1 {
    width: 236px;
    top: 48px;
    height: auto;
    margin-left: -440px;
}

.ie8 .fullscreen_slider .ls3_txt2 {
    width: 614px;
    bottom: 48px;
    height: auto;
    margin-left: -172px;
}

.ie8 .fullscreen_slider .ls4_txt1 {
    width: 620px;
    top: 30px;
    height: auto;
    margin-left: -469px;
}

.ie8 .fullscreen_slider .ls4_frame {
    width: 00px;
    top: 51px;
    height: auto;
    margin-left: -393px;
    width: 468px;
    height: 292px;
}

.ie8 .fullscreen_slider .ls4_txt2 {
    width: 344px;
    top: 33px;
    height: auto;
    margin-left: 124px;
}

.ie8 .fullscreen_slider .ls4_txt3 {
    width: 128px;
    bottom: 36px;
    height: auto;
    margin-left: 230px;
}

.ie8 .fullscreen_slider .ls4_txt4 {
    width: 102px;
    bottom: 32px;
    height: auto;
    margin-left: 351px;
}

.ie8 .fullscreen_slider form.subscribe {
    top: 155px;
    margin-left: 155px;
    width: 325px;
}

.ie8 .fullscreen_slider form.subscribe p {
    font-size: 13px;
    line-height: 15px;
}

.ie8 .fullscreen_slider form.subscribe .subscribe_field {
    width: 180px;
}

.ie8 .fullscreen_slider .ls5_txt1 {
    width: 584px;
    top: 66px;
    height: auto;
    margin-left: -287px;
}

.ie8 .fullscreen_slider .ls5_txt2 {
    width: 336px;
    top: 180px;
    height: auto;
    margin-left: -167px;
}

.ie8 .fullscreen_slider .ls5_txt3 {
    width: 252px;
    top: 237px;
    height: auto;
    margin-left: -125px;
}

/*RETINA*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .logo2_retina, .logo_retina {
        display: block !important;
    }

    .logo2_def, .logo_def {
        display: none !important;
    }

    a.menu_toggler {
        background-image: url(../images/retina/menu_btn.jpg) !important;
        background-size: 40px 40px !important;
    }

    .ico_socialize {
        background-size: 26px 26px !important;
    }

    .ico_socialize.type1 {
        width: 36px;
        height: 36px;
    }

    .ico_socialize.type2 {
        width: 26px;
        height: 26px;
    }

    .ico_socialize_facebook1 {
        background-image: url(../images/retina/icons/ico_socialize_facebook1.png)
    }

    .ico_socialize_facebook2 {
        background-image: url(../images/retina/icons/ico_socialize_facebook2.png)
    }

    .ico_socialize_twitter1 {
        background-image: url(../images/retina/icons/ico_socialize_twitter1.png)
    }

    .ico_socialize_twitter2 {
        background-image: url(../images/retina/icons/ico_socialize_twitter2.png)
    }

    .ico_socialize_twitter3 {
        background-image: url(../images/retina/icons/ico_socialize_twitter3.png)
    }

    .ico_socialize_digg1 {
        background-image: url(../images/retina/icons/ico_socialize_digg1.png)
    }

    .ico_socialize_digg2 {
        background-image: url(../images/retina/icons/ico_socialize_digg2.png)
    }

    .ico_socialize_google1 {
        background-image: url(../images/retina/icons/ico_socialize_google1.png)
    }

    .ico_socialize_google2 {
        background-image: url(../images/retina/icons/ico_socialize_google2.png)
    }

    .ico_socialize_tumbler {
        background-image: url(../images/retina/icons/ico_socialize_tumbler.png)
    }

    .ico_socialize_delicious {
        background-image: url(../images/retina/icons/ico_socialize_delicious.png)
    }

    .ico_socialize_plixi {
        background-image: url(../images/retina/icons/ico_socialize_plixi.png)
    }

    .ico_socialize_dribbble1 {
        background-image: url(../images/retina/icons/ico_socialize_dribbble1.png)
    }

    .ico_socialize_dribbble2 {
        background-image: url(../images/retina/icons/ico_socialize_dribbble2.png)
    }

    .ico_socialize_stubleUpon {
        background-image: url(../images/retina/icons/ico_socialize_stubleUpon.png)
    }

    .ico_socialize_lastfm {
        background-image: url(../images/retina/icons/ico_socialize_lastfm.png)
    }

    .ico_socialize_moby {
        background-image: url(../images/retina/icons/ico_socialize_moby.png)
    }

    .ico_socialize_vimeo {
        background-image: url(../images/retina/icons/ico_socialize_vimeo.png)
    }

    .ico_socialize_youtube1 {
        background-image: url(../images/retina/icons/ico_socialize_youtube1.png)
    }

    .ico_socialize_youtube2 {
        background-image: url(../images/retina/icons/ico_socialize_youtube2.png)
    }

    .ico_socialize_myspace {
        background-image: url(../images/retina/icons/ico_socialize_myspace.png)
    }

    .ico_socialize_linkedIn {
        background-image: url(../images/retina/icons/ico_socialize_linkedIn.png)
    }

    .ico_socialize_pinterest {
        background-image: url(../images/retina/icons/ico_socialize_pinterest.png)
    }

    .ico_socialize_flickr {
        background-image: url(../images/retina/icons/ico_socialize_flickr.png)
    }

    .ico_socialize_vk1 {
        background-image: url(../images/retina/icons/ico_socialize_vk1.png)
    }

    .ico_socialize_vk2 {
        background-image: url(../images/retina/icons/ico_socialize_vk2.png)
    }

    .ico_socialize_odnoklassniki {
        background-image: url(../images/retina/icons/ico_socialize_odnoklassniki.png)
    }

    .ico_socialize_gowalla {
        background-image: url(../images/retina/icons/ico_socialize_gowalla.png)
    }

    .ico_socialize_dropbox {
        background-image: url(../images/retina/icons/ico_socialize_dropbox.png)
    }

    .ico_socialize_skype {
        background-image: url(../images/retina/icons/ico_socialize_skype.png)
    }

    .ico_socialize_iChat {
        background-image: url(../images/retina/icons/ico_socialize_iChat.png)
    }

    .ico_socialize_instagram {
        background-image: url(../images/retina/icons/ico_socialize_instagram.png)
    }

    .ico_socialize_evernote {
        background-image: url(../images/retina/icons/ico_socialize_evernote.png)
    }

    .ico_socialize_deviantart {
        background-image: url(../images/retina/icons/ico_socialize_deviantart.png)
    }

    .ico_socialize_blogspot {
        background-image: url(../images/retina/icons/ico_socialize_blogspot.png)
    }

    .ico_socialize_reddit {
        background-image: url(../images/retina/icons/ico_socialize_reddit.png)
    }

    .ico_socialize_technorati {
        background-image: url(../images/retina/icons/ico_socialize_technorati.png)
    }

    .ico_socialize_yahoo {
        background-image: url(../images/retina/icons/ico_socialize_yahoo.png)
    }

    .ico_socialize_diigo {
        background-image: url(../images/retina/icons/ico_socialize_diigo.png)
    }

    .ico_socialize_blinklist {
        background-image: url(../images/retina/icons/ico_socialize_blinklist.png)
    }

    .ico_socialize_bing {
        background-image: url(../images/retina/icons/ico_socialize_bing.png)
    }

    .ico_socialize_behnce {
        background-image: url(../images/retina/icons/ico_socialize_behnce.png)
    }

    .ico_socialize_picasa {
        background-image: url(../images/retina/icons/ico_socialize_picasa.png)
    }

    .ico_socialize_forrst {
        background-image: url(../images/retina/icons/ico_socialize_forrst.png)
    }

    .ico_socialize_ffffound {
        background-image: url(../images/retina/icons/ico_socialize_ffffound.png)
    }

    .ico_socialize_viddler {
        background-image: url(../images/retina/icons/ico_socialize_viddler.png)
    }

    .ico_socialize_friendfeed {
        background-image: url(../images/retina/icons/ico_socialize_friendfeed.png)
    }

    .ico_socialize_mobileMe {
        background-image: url(../images/retina/icons/ico_socialize_mobileMe.png)
    }

    .ico_socialize_wordpress {
        background-image: url(../images/retina/icons/ico_socialize_wordpress.png)
    }

    .ico_socialize_drupal {
        background-image: url(../images/retina/icons/ico_socialize_drupal.png)
    }

    .ico_socialize_paypal {
        background-image: url(../images/retina/icons/ico_socialize_paypal.png)
    }

    .ico_socialize_share {
        background-image: url(../images/retina/icons/ico_socialize_share.png)
    }

    .ico_socialize_mail {
        background-image: url(../images/retina/icons/ico_socialize_mail.png)
    }

    .ico_socialize_rss {
        background-image: url(../images/retina/icons/ico_socialize_rss.png)
    }

    .ico_socialize_home {
        background-image: url(../images/retina/icons/ico_socialize_home.png)
    }

    .ico_socialize_phone {
        background-image: url(../images/retina/icons/ico_socialize_phone.png)
    }

    .contentarea ul.list_type1 li:before {
        background: url(../images/retina/marker_list1.png) no-repeat 0 0;
        background-size: 8px 11px !important;
    }

    .contentarea ul.list_type2 li:before {
        background: url(../images/retina/marker_list2.png) no-repeat 0 0;
        background-size: 9px 11px !important;
    }

    .contentarea ul.list_type3 li:before {
        background: url(../images/retina/marker_list3.png) no-repeat 0 0;
        background-size: 8px 11px !important;
    }

    .contentarea ul.list_type4 li:before {
        background: url(../images/retina/marker_list4.png) no-repeat 0 0;
        background-size: 12px 11px !important;
    }

    .contentarea ul.list_type5 li:before {
        background: url(../images/retina/marker_list5.png) no-repeat 0 0;
        background-size: 8px 11px !important;
    }

    .contentarea ul.list_type6 li:before {
        background: url(../images/retina/marker_list6.png) no-repeat 0 0;
        background-size: 8px 11px !important;
    }

    .carouselslider ul li .smallproflinks a {
        background-size: 34px 68px !important;
    }

    .carouselslider ul li .smallproflinks a.facebook_link {
        background-image: url(../images/retina/icons/ico_carousel_facebook.png);
    }

    .carouselslider ul li .smallproflinks a.twitter_link {
        background-image: url(../images/retina/icons/ico_carousel_twitter.png);
    }

    .carouselslider ul li .smallproflinks a.tumbler_link {
        background-image: url(../images/retina/icons/ico_carousel_tumbler.png);
    }

    a.ico_social-facebook {
        background: url(../images/retina/icons/ico_social-facebook.png) 0 0;
        background-size: 16px 16px !important;
    }

    a.ico_social-delicious {
        background: url(../images/retina/icons/ico_social-delicious.png) 0 0;
        background-size: 16px 16px !important;
    }

    a.ico_social-tumbler {
        background: url(../images/retina/icons/ico_social-tumbler.png) 0 0;
        background-size: 16px 16px !important;
    }

    a.ico_social-twitter {
        background: url(../images/retina/icons/ico_social-twitter.png) 0 0;
        background-size: 20px 16px !important;
    }

    a.ico_social-vimeo {
        background: url(../images/retina/icons/ico_social-vimeo.png) 0 0;
        background-size: 16px 16px !important;
    }

    .footer_tools .ico_social-facebook {
        background-image: url(../images/retina/icons/ico_footer_facebook.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-twitter {
        background-image: url(../images/retina/icons/ico_footer_twitter.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-flickr {
        background-image: url(../images/retina/icons/ico_footer_flickr.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-vimeo {
        background-image: url(../images/retina/icons/ico_footer_vimeo.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-tumbler {
        background-image: url(../images/retina/icons/ico_footer_tumblr.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-delicious {
        background-image: url(../images/retina/icons/ico_footer_delicious.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-pinterest {
        background-image: url(../images/retina/icons/ico_footer_pinterest.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-dribbble {
        background-image: url(../images/retina/icons/ico_footer_dribbble.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-linked_in {
        background-image: url(../images/retina/icons/ico_footer_linked_in.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-youtube {
        background-image: url(../images/retina/icons/ico_footer_youtube.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-gplus {
        background-image: url(../images/retina/icons/ico_footer_gplus.png);
        background-size: 34px 34px !important;
    }

    .footer_tools .ico_social-instagram {
        background-image: url(../images/retina/icons/ico_footer_instagram.png);
        background-size: 34px 34px !important;
    }

    .carouselslider .carousel-previous {
        background-image: url(../images/retina/carousel_prev.png);
        background-size: 21px 42px !important;
    }

    .carouselslider .carousel-next {
        background-image: url(../images/retina/carousel_next.png);
        background-size: 21px 42px !important;
    }

    .nivo-nextNav {
        background-image: url(../images/retina/slider_next.png) !important;
        background-size: 36px 72px !important;
    }

    .nivo-prevNav {
        background-image: url(../images/retina/slider_prev.png) !important;
        background-size: 36px 72px !important;
    }

    .btn_load_more span {
        background-image: url(../images/retina/btn_arrow.png) !important;
        background-size: 7px 24px !important;
    }

    .btn_back span {
        background-image: url(../images/retina/btn_arrow.png) !important;
        background-size: 7px 24px !important;
    }

    .module_postinfo .portfolio_date .post_type_slider,
    .blog_posttype.blog_posttype.blog_slider {
        background-image: url(../images/retina/icons/blogpost_slider.png);
        background-size: 40px 40px !important;
    }

    .module_postinfo .portfolio_date .post_type_video,
    .blog_posttype.blog_posttype.blog_video {
        background-image: url(../images/retina/icons/blogpost_video.png);
        background-size: 40px 40px !important;
    }

    .module_postinfo .portfolio_date .post_type_image,
    .blog_posttype.blog_posttype.blog_image {
        background-image: url(../images/retina/icons/blogpost_image.png);
        background-size: 40px 40px !important;
    }

    .module_postinfo .portfolio_date .post_type_text,
    .blog_posttype.blog_posttype.blog_text {
        background-image: url(../images/retina/icons/blogpost_text.png);
        background-size: 40px 40px !important;
    }

    .blog_posttype.blog_posttype.blog_link {
        background-image: url(../images/retina/icons/blogpost_link.png);
        background-size: 40px 40px !important;
    }

    .pagerblock li a span.btn_prev {
        background: url(../images/retina/pager_prev.png) no-repeat center;
        background-size: 6px 10px !important;
    }

    .pagerblock li a span.btn_next {
        background: url(../images/retina/pager_next.png) no-repeat center;
        background-size: 6px 10px !important;
    }

    .shortcode_accordion_item_title .ico,
    .shortcode_toggles_item_title .ico {
        background-image: url(../images/retina/accordion.png) !important;
        background-size: 26px 14px !important;
    }

    .shortcode_messagebox .box_close {
        background-image: url(../images/retina/btn_box_close.png);
        background-size: 21px 21px !important;
    }

    blockquote .blockquote_wrapper:before {
        background-image: url(../images/retina/blockquote.png);
        background-size: 34px 20px !important;
    }

    .featured_slider .img_block .post_type_image {
        background-image: url(../images/retina/icons/post_type-image.png);
        background-size: 40px 40px !important;
    }

    .featured_slider .img_block .post_type_slider {
        background-image: url(../images/retina/icons/post_type-slider.png);
        background-size: 40px 40px !important;
    }

    .featured_slider .img_block .post_type_text {
        background-image: url(../images/retina/icons/post_type-text.png);
        background-size: 40px 40px !important;
    }

    .featured_slider .img_block .post_type_link {
        background-image: url(../images/retina/icons/post_type-link.png);
        background-size: 40px 40px !important;
    }

    .featured_slider .img_block .post_type_video {
        background-image: url(../images/retina/icons/post_type-video.png);
        background-size: 40px 40px !important;
    }

    .arrowButton .prevArrow {
        background-image: url(../images/retina/slider_prev.png);
        background-size: 51px 102px !important;
    }

    .arrowButton .nextArrow {
        background-image: url(../images/retina/slider_next.png);
        background-size: 51px 102px !important;
    }

    #footer_bar .twitter_list li:before {
        background-image: url(../images/retina/mark_twitter.png);
        background-size: 19px 15px !important;
    }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 500px) {
    .arrowButton .prevArrow {
        background-size: 10px 18px !important;
        background-image: url(../images/retina/slider_prev.png) !important;
    }

    .arrowButton .nextArrow {
        background-size: 10px 18px !important;
        background-image: url(../images/retina/slider_next.png) !important;
    }
}

a.menu_toggler {
    display: none;
}

header .mobile_menu_wrapper {
    display: none;
    background: #3d3d3d;
}

nav.mobile_header {
    display: none !important;
}

@media only screen and (min-width: 761px) {
    header .mobile_menu_wrapper {
        display: none !important;
    }
}

@media only screen and (max-width: 760px) {
    .header_wrapper {
        padding-top: 70px;
        min-height: 5px !important;
    }

    header .logo {
        left: 0px !important;
        margin-left: 0px !important;
    }

    header.fixed_type {
        position: static !important;
    }

    a.menu_toggler {
        display: block !important;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 17px;
        background: url(../images/menu_btn.jpg) no-repeat 0 0;
    }

    header .mobile_menu {
        padding: 0px 0px 0px 0px;
    }

    header .mobile_menu li {
        /*border-bottom:#2C2C2C 1px solid;*/

    }

    header .mobile_menu li a,
    header .mobile_menu .sub-menu li a {
        line-height: 19px !important;
        font-size: 13px !important;
        color: #ececec !important;
        display: block !important;
        text-align: center !important;
        padding: 10px !important;
        text-align: left !important;
        border-bottom: #2C2C2C 1px solid;
    }

    header .mobile_menu .sub-menu {
        display: block !important;
        visibility: visible !important;
    }

    header .mobile_menu .sub-menu li a {
        padding-left: 30px !important;
    }

    header .mobile_menu .sub-menu li ul.sub-menu li a {
        padding-left: 50px !important;
    }
}

/*Scroll jumping fix*/
@media only screen and (min-width: 960px) and (max-width: 1025px) {
    .fixed_type_html .content_wrapper {
        margin-top: 68px;
    }
}

@media only screen and (min-width: 766px) and (max-width: 959px) {
    .fixed_type_html .content_wrapper {
        margin-top: 68px;
    }
}

@media only screen and (min-width: 459px) and (max-width: 766px) {
    .fixed_type_html .content_wrapper {
        margin-top: 0px;
    }

    header.fixed_type .logo {
        top: 18px;
    }

    header .logo {
        top: 18px;
    }
}

@media only screen and (max-width: 459px) {
    .fixed_type_html .content_wrapper {
        margin-top: 0px;
    }

    header.fixed_type .logo {
        top: 18px;
    }

    header .logo {
        top: 18px;
    }
}